How can I modify blog tags in the Brooklyn theme?

Technical Q&A
1

Hey guys,

I am using tags on my blog to credit the authors of the images that I download from various sources to support my articles. Unfortunately, the tags look horrible, especially in mobile view.

  • When I copy paste the necessary content for crediting authors, the tags are displayed in capital letters only. How can I avoid that?
  • Also, is there any way to align these tags to the left?
  • And last but not least, how can I adjust the font size? At the moment they are way too big and it’s a distraction.

Please see attached image on how they look in mobile view right now.

Thanks for your help in advance!

IMG_9330.PNG
IMG_9330.PNG750×1334 148 KB

2

Please send your site and if your site is password protected, please send me the password. I will check it for you

3

www.evidentstreetwear.com.au

password: kietha0912

Thank you in advance!

4

@prettyflacko , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.tags--article *{
    font-size: 15px !important;
}

@media (max-width: 767px){
    .tags--article *{
        font-size: 14px !important;
}
}

.tags--article{
    text-align: left !important;

}

.tags--article a{
    text-transform: unset !important;
}

@media (max-width: 767px){
    .tags--article li{
        display: block;
    overflow-wrap: break-word;
}
}

You can adjust the values as per your wish:

15px = font size on desktop
14px = font size on mobile

Please let me know whether it works.

Kind regards,
Diego

5

It worked perfectly, thank you so much!!