Jump to content

ReformDesign

Circle Member
 View Profile  See their activity

  • Posts

    73

  • Joined

  • Last visited

 Content Type 

Everything posted by ReformDesign

  1. ReformDesign
    Can you provide the code snippet here?
  2. ReformDesign
    Make sure Fixed Position is turned off in your header settings. Go to Edit > Edit Header > Fixed Position.
  3. ReformDesign
    @jodydd I tried to figure out the news block but I'm not sure what's going on there.
  4. ReformDesign
    Try adding this and tweaking as needed! .newsletter-form-button-label { visibility: hidden; } .newsletter-form-button-icon { position: relative; top: 4px; left: 35px; &:after { content:'→'; } } You can replace the content inside the apostrophes with whatever text you like and maybe even set a background image to use a custom icon.
  5. ReformDesign
    Looks like Order Port set up a subdomain for them that their current site just links to. OrderPort likely controls the styles of https://stemiltcreek.orderport.net/. Have them change the styles you want and create links in your navigation 🙂 https://stemiltcreek.orderport.net/wine-club/s3877/stemilt-creek-wine-club-membership https://stemiltcreek.orderport.net/signin.aspx
  6. ReformDesign
    You can hide the navigation, like you said, then build out a new one with code and put that into the page's header code injection. What's your site?
  7. ReformDesign
    .Intro { background-color: #e7e7e7 !important; } Try adding this to your CSS.
  8. ReformDesign
    It's related to your mobile navigation and it feels like a Squarespace bug. Maybe try making your mobile header transparent? If that works we can probably find some code to set it to just this page. Thankfully I'm only seeing this issue at widths less than 375px, which shouldn't affect many devices. My iPhone 12 displays it without issue. I'd reach out to Squarespace support to report it as a bug.
  9. ReformDesign
    I might place it inside a code block so you can set the width manually. Add a new code block and replace the example code with this. <div style="width: 190px;"> <p>© Jody Daunton 2023 <a href="mailto: hello@jodydaunton.com"><u>hello@jodydaunton.com</u></p></a> <img src="https://images.squarespace-cdn.com/content/v1/5ee67ede594010465f46ff84/f1818960-0ca3-4af1-b076-791f016dd9a8/1ftp_Primary_Horizontal_White.png?format=500w" style="padding-top: 0px; width:60%;"> </div>
  10. ReformDesign
    Nevermind... I found a misplaced bracket in my CSS that was applying it to another collection. If anyone want's to offer guidance on doing this with an SVG mask I'd still love to learn that!
  11. ReformDesign
    I'm trying to add a border between sections on my site. Ideally this would be done with an SVG mask, but I settled for trying with a PNG image instead. This is where I'm at right now: [data-section-id="63deaf31f73bb003a7fce3df"] { overflow: visible; &:before { content: ''; width: 100%; height: 100%; background-image: url(https://static1.squarespace.com/static/63da9ac5c9844e3c54f8abd2/t/63deac4ef73bb003a7fc7b5e/1675537486671/Raven+Flower+Torn+Paper+Up.png); position: relative; background-repeat: no-repeat; background-position: top; top: -20px; margin-top: 1px; pointer-events: none!important; z-index: 101; } } Nothing I do seems to be selecting the section. Even if I just try to set the background color of the section, it's not working. The PNG linked above should be placed before the targeted section, therefore displaying on top of the banner image.
  12. ReformDesign
    Try this in custom CSS .mobile-cart-parenthesis { display: none; } @media only screen and (max-width: 800px) { .sqs-cart-quantity { visibility: hidden; &:before { visibility: visible; content: 'cart '; } } }
  13. ReformDesign
    Update: I found a fix to the problem in the section color settings. Each section style is assigned a section background color. For me, changing the Lightest 1 style to a transparent background solved the issue. Related to the solutions discussed on this thread:
  14. ReformDesign
    Thanks for the suggestions, but this didn't fix the issue. I confirmed the PNG is transparent. The footer section itself is putting the white behind the image. The code did move the top of the section as planned. For reference, here is everything affecting the footer right now: section[data-section-id="63da9ac6c9844e3c54f8ac1a"] .section-background { background-image:url(https://static1.squarespace.com/static/63da9ac5c9844e3c54f8abd2/t/63dab0b2d42a55638eef30bf/1675276470305/Raven+Flower+Torn+Paper+2.png); background-repeat:no-repeat; background-size:cover; background-position: top; top: -20px; z-index: 9999999999; } footer.sections, footer.sections section { z-index: 9999999 !important; }
  15. ReformDesign
    https://dolphin-octopus-74wh.squarespace.com/ Site Password: test123 I have set background of my site footer as an image. The image is a PNG with transparency. I am trying to find a way to get the body content to flow behind/below the footer, so it looks like paper laying on top. The site header looks the way I want it. I am open to hiding the footer on this page and building out a new one in a new section. This wont be a problem on other pages as the body background will be white. I am not looking for a fixed footer -- it can scroll with the rest of the page. I just want to get rid of this annoying white background!
  16. ReformDesign
    In custom CSS: /*for heading*/ .blog-item-wrapper h1 { font-family: 'font-name-here'; } /*for all body text*/ .blog-item-wrapper p { font-family: 'font-name-here'; }
  17. ReformDesign
    This should fix the section header font: .user-items-list .list-section-title p{ font-famiily: 'cooperhewitt-heavyitalic' !important; font-size: 4.5rem; } Button size: .list-item-content__button { font-size: 1.2rem !important; font-weight: 700; } This might not quite get where you want just yet, but let me know.
  18. ReformDesign
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $("li.prev").html(function() { return $(this).html().replace("Older", "New older custom"); }); $("li.prev").html(function() { return $(this).html().replace("Newer", "New newer custom"); }); }); </script> Maybe this will do the trick? Paste into header code injection (sitewide or blog page). They changed pagination from a span element to a list element. You can change "New Older Custom" and "New Newer Custom" to your own text inside the quotes. Edited from @tuanphan answer here:
  19. ReformDesign
    Any JS folks find this helpful? https://stackoverflow.com/questions/66028832/open-accordion-item-based-on-target-in-url-wordpress-menu
  20. ReformDesign
    Are you okay with how you have it setup now, with the accordion item always open?
  21. ReformDesign
    I think you could start with Doofinder's guide steps 1-4: https://support.doofinder.com/getting-started/installing-doofinder. I'm thinking you'd use the URL of your existing ecommerce for the Feed portion, unless you're familiar with their file requirements. Once it generates the script for you that gets pasted into Advanced > Header Code Injection. You'll then have to add some HTML & CSS to create a search bar in your header. The CSS Selector they mention in their instructions is the class you use in the code below. From what I'm reading on their instructions the HTML just needs to identify a container for their search box so it could be as simple as pasting <div class="search"></div> into header code injection. There might be a bit more HTML and styling required, I just don't know what their script will generate in that div. We can go from there!
  22. ReformDesign
    There's something going on outside of the blog pages that's affecting the content width. The page is not loading in at 100% of the viewport width on narrower sizes. I'll take another look later.
  23. ReformDesign
    Use a code or image block. Code: <img style="width=922px; aspect-ratio=auto 922 / 220;" src="https://static1.squarespace.com/static/61264f4b1d10063fd6fb198a/t/63591f4389ec3e15692b8d41/1666785092531/cic.png"></img> Share site URL for custom solutions.
  24. ReformDesign
    Is this a 7.0 or 7.1 site? 7.1 doesn't support footer navigation, but you could do it with text links. Move your existing pages to "Not Linked" in the pages panel, and link to them with text in your footer.
  25. ReformDesign
    The colon at the end should be a semicolon! ; my bad 🙂 The full fixed code will be: .gallery-fullscreen-slideshow { height: auto !important; } .gallery-fullscreen-slideshow-list { flex-grow: 0 !important; flex-shrink: 0 !important; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources