Jump to content

TrevorBaum

Member
  • Posts

    4
  • Joined

  • Last visited

Posts posted by TrevorBaum

  1. 25 minutes ago, paul2009 said:

    Palmera is a Squarespace 7.1 template and I provided some code to split product titles over two lines here: https://sf.digital/squarespace-solutions/display-product-titles-on-two-lines-with-squarespace-71

    The article doesn't describe how to change the formatting of the two lines, but it is possible to do this with a little CSS. For example, on the Product Details Page:

    
    /* Smaller second line */
    .ProductItem .ProductItem-details h1.ProductItem-details-title {
      font-size: 22px;
      line-height: 1.8em;
    }
    /* Larger first line */
    .ProductItem .ProductItem-details h1.ProductItem-details-title:first-line {
      font-size: calc(2.16vw + 1rem);
    }

    This CSS is just an example; I haven't tested it for your site because it is password-protected and therefore inaccessible.
     

    Amazing, thank you Paul! I was able to get this to work for the Product Details Page, but it looks like the CSS will need to be different for the home/grid page. Any ideas?

    Thanks again.

  2. Site URL: https://falcon-avocado-k4w3.squarespace.com/

    Hello!

    I'm working on setting up a photography print shop site. Currently using the Palmera template.

    I want to be able to add a second line of text (subtitle with artist name) under each item, both in the grid and the product detail pages if possible. It should look like the attached images.

    Ideally should also be able to lightly style this line of text, so it's smaller and a different color/opacity than the title.

    Any ideas? Thanks so much in advance!

    Ideal.png

    PDP_ideal.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.