Jump to content

HaileyDeReamer

Member
  • Posts

    12
  • Joined

  • Last visited

Posts posted by HaileyDeReamer

  1. I almost got it all solved with this code: 

    div.ProductItem-details-excerpt .product-price, * {
        font-family: 'ClearSans-Medium' !important;
    }

    This is the correct font for the description, breadcrumbs and pricing. However, it changes my main site nav font which is incorrect. The main site nav font should remain 'Norwester'

  2. Hi there - I'm not sure if this is a bug, but some product pages on my site have different description fonts. What I'm really looking for is custom CSS code to alter the header font and the description fonts to match the rest of my website. I've trouble shooted a few options but continue to have problems with consistency across the board. 

    One example below is two products within the same subcategory and different description fonts. What I actually want is the description font on the Blueberry Mojito page to be the header font on all and the description font to match the one on the Tacker Grove page or be entirely custom.  

    Here is the site: https://beige-greyhound-w63h.squarespace.com/shop-store/p/handcrafted-wooden-denali-brewing-sign-tnkwr-6ybr5-t8ff4-y48ht

    Screenshot 2024-06-24 at 4.23.02 PM.png

    Screenshot 2024-06-24 at 4.23.10 PM.png

  3. I am having an issue site-wide with headings breaking at some screen sizes between mobile and desktop. It seems to be happening between widths 770 and 944 (on this site, I actually have a custom font coded as a paragraph, but sized to appear like a heading). 

    On most pages, I am able to adjust the text box to give it more padding, which seems to solve the issue. On other pages, I either don't have room to adjust the text box or it changes the design unfavorably. 

    Is there some custom code I can place on these specific pages to tell the text to shrink or wrap differently? Here is one example.

    Screenshot 2024-04-24 at 5.28.53 PM.png

  4. I added custom CSS code to create an underline while hovering on linked text, including navigation. What I would like to do is remove the underline while hovering on a "Folder" in Navigation as it doesn't actually link to anything. How would I do this? 

    The example I'm referring to in the image is "Visit Us" should not be underlined while hovering, but Denali Brewpub and Tasting Room should be. 

    Here is the CSS code I have:

    h1 a:hover, h2 a:hover, h3 a:hover, p a:hover,.header-nav-item a:hover, {
      text-decoration:underline;
    }

     

    Screenshot 2023-11-13 at 2.17.14 PM.png

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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