Change font of one word on one page only

Change font of one word on one page only

Chrystel078
Excursionist
52 0 5

Hi,

 

I want to change the font of a particular word on one page only: 

 

https://luyendykjewelry.com/pages/about-luyendyk

 

So, I added the code below, however, now the font of this line changes on other pages as well.

 

Could someone help me with this?

 

 

#shopify-section-template--24554611245401__main > div > div > div > div.prose > p:nth-child(7) {
  font-size: 34px !important;
  font-family: "Eyesome script";
}

 

Replies 2 (2)

htmlBurger
Shopify Partner
87 8 21

Hello,

You can try making that specific word bold and underlined and then use that as a CSS selector. With this approach, you'd also have to remove the bold and underlined properties through CSS.

Will this work for you?

Found this helpful? Like and accept as solution to help others too!
htmlBurger – Founded in 2007, Shopify experts for 10+ years.
Custom themes, UI/UX design, ongoing maintenance & support.
Let's talk: ecom@htmlburger.com
Chrystel078
Excursionist
52 0 5

Hi, 

Thanks for your respons.

It almost worked, however I can't remove the underline.

I tried the following code. What do I have to change to remove the underline?

#shopify-section-template--24554611245401__main > div > div > div > div.prose > p:nth-child(7) > span > strong {
  font-size: 34px !important;
  font-family: "Eyesome script";
  font-weight: normal !important; 
  text-decoration: none !important;
}