Edit Blog Sidebar

Edit Blog Sidebar

graceapollock
Tourist
22 0 1

Hi there! I'm trying to edit the format of my store's blog sidebar. Currently the articles listed in the sidebar are h4 which is way too big. I like the format of the sidebar on the main blog page, not in the blog post. 

Screenshot 2024-05-08 at 10.05.30 AM.png 

This is the sidebar from the main blog page. 

Screenshot 2024-05-08 at 10.05.23 AM.png

This is the sidebar on the blog post. 

 

I want to change the latter to look the same as the former. I don't have much experience editing code. At the very least I'd want to decrease the header size from h4 to h6. 

 

Screenshot 2024-05-08 at 9.33.32 AM.png

 

The only place I could find the text I wanted to edit was in the theme-blog.css. I changed the blog-sidebar-latest-articles from h4 to h6 and still no luck. 

 

Any ideas? The store URL is https://stablefeed.com/

Replies 4 (4)

no_robotocha
Shopify Partner
56 2 19

I'm not sure which theme you're using but it's not the CSS you'd want to change - look for the h4 element in the blog-sidebar--info div and change that to an h6. This will probably be located in a .liquid template in Sections - perhaps article.liquid.

 

Screenshot 2024-05-08 at 16.29.02.png

--
No, Robotocha!
graceapollock
Tourist
22 0 1

Okay thank you so much! I found it in the template--blog.liquid and changed it to h6 and still no luck. I think there is an error with the code but I'm not sure how to interpret it. Any ideas? 

 

Screenshot 2024-05-16 at 1.53.42 PM.png

Screenshot 2024-05-16 at 1.53.53 PM.png

 

 

 

 

 

graceapollock
Tourist
22 0 1

Also do you know how I could change the font from out theme's header font to the subhead font? Vice Versa with the sidebar title, "Latest Articles", I'd love if that was our header font

graceapollock
Tourist
22 0 1

Also do you know how I could change the font from out theme's header font to the subhead font? Vice Versa with the sidebar title, "Latest Articles", I'd love if that was our header font