Jump to content

Customizing Product Detail Font

Recommended Posts

I have had some success with piecing together code on different forums, but none of it is quite right for I'm after. There are 2 parts to my request:


#1: Product Title
I want the title to be 3 lines long, with the second line being a larger size than the first and third line

EXAMPLE:
Biker Aunt
Maeve
Fruited Sour



#2: Product Description
I want to be able to make some words italics, some blue, some both, some bold, some bold+blue, some blue+italics

EXAMPLE:
With clean dry sourness, effervescent body, bread and lemon flavour notes, this low alcohol sour has a refreshingly sharp tang that only a Berliner can get away with. Drink it plain or do what the Germans do and spike it with your favourite fruit syrup (raspberry and woodruff are traditional).

Available on tap
(with optional syrups) + 4 packs of 473mL cans

For #2, I used the follow code, but it doesn't let me use italics without turning it blue:

.ProductItem-details-excerpt em {
color: #094B83 !important;
font-style: normal !important;
}

Link to comment
  • Replies 2
  • Views 166
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

Here is the page for Biker Aunt Maeve 
https://www.sidekickbrewing.com/beer-1/p/best-friend-sid-hazy-ipa-el844

Issue #1:
I've figured out how to make 2 lines, just can't figure out how to make 3 lines that has the middle line larger than the first and last.

Issue #2:
And I've figured out part of it2, but not all the way. The bottom italic wont go blue while keeping the the first italic black. 

Any help would be appreciated!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.