Brooklyn Theme - How to put blog title on one line

Technical Q&A
1

I would like the longer blog titles in the featured blog section to go one one line.

https://canadianselect.com/blogs/recipes

Thank you in advance for your help!

https://canadianselect.com/blogs/recipes
https://canadianselect.com/blogs/recipes836×590 107 KB

2

@sunnydaze2021 ,

To achieve this you’ll need to make the font size smaller.

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.scss and paste this at the bottom of the file:
.template-blog .article .grid__item + .grid__item{
    width: 100% !important;
    left: unset !important;
    font-size: 16px !important;
text-align: center;
}

@media (max-width: 600px){
    .template-blog .article .grid__item + .grid__item{
    font-size: 10px !important;
}
}

You can adjust the values as per your wish:

16px = font size on desktop
10px = font size on mobile

diego_ezfy_0-1625764780750.png
diego_ezfy_0-1625764780750.png1084×693 997 KB

Kind regards,
Diego

3

@diego_ezfy Thank you so much. It worked perfectly!

Can you help with taking the RRS feed logo off the blog header?

sunnydaze2021_0-1625765285308.png

4

@sunnydaze2021

You’re welcome. You can follow the previous steps and use the following code to hide the icon:

.template-blog .icon-rss{
    display: none !important;
}

Kind regards,
Diego