How to Change Font Settings Just for Blog Posts?

Solved
IlluminateLabs
Explorer
118 0 14

I want all H2 on our blog articles to have an increased font size, and all text links in our blog articles to be in blue color (#0000FF). 

These desired settings are different from the rest of our site. How can I achieve this? I tried using ".article-template .rte" and it didn't work.

0 Likes
Nick_Marketing
Shopify Partner
251 44 65

Please provide the site and blog link so that others can review.

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
0 Likes
Nick_Marketing
Shopify Partner
251 44 65

This is an accepted solution.

Try adding this code at the very bottom of theme.scss.

 

 

[itemprop="articleBody"] h2 {
  font-size: 20px;
}

[itemprop="articleBody"]
p a.text-link{
 text-decoration: none;
 color: #0000FF !important;
}

 

 

P.S. You have an interesting product!

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
IlluminateLabs
Explorer
118 0 14

You're the man, thanks so much. 

And appreciate the product feedback! Would be happy to give you a personalized 70% discount code -- if you're interested in trying any of our products, just message us for the code.

Nick_Marketing
Shopify Partner
251 44 65

Ah, thank you! I've bookmarked your site for reference once the time comes to replenish supplements.

Should you will have any other questions, feel free to PM me directly.

Best,

Nick

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
0 Likes
IlluminateLabs
Explorer
118 0 14

Sounds good. I have one further question if you don't mind. Do you know of a command to force all links to be opened in a new tab for blog posts? I know how to do this on an individual but not global basis, and it's super inefficient to manually add this to every link in our articles.

0 Likes
Nick_Marketing
Shopify Partner
251 44 65

You can achieve this with some custom JavaScript or theme modification. I don't have a solution from the top of my head, but here are a few examples that may give some hints.
https://help.shopify.com/en/manual/online-store/themes/os/customize/open-external-links-in-new-tab
https://ditly.uk/force-all-external-links-on-shopify-to-open-a-new-tab/

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
0 Likes
racelb
New Member
1 0 0

I'm glad I found this thread! Can you please help me with the code if I want the blog paragraph text (not the heading) to be 22px and the color #282828? 

0 Likes