How can I reduce text size independently for different elements?

Store Design
1

Hello, I would like to change the size of the following texts (preferably independently of each other):

  • The footer text
  • The category heading and category texts
  • Product descriptions
  • Texts on info pages (e.g. “Jobs”

I would also like the texts on the info pages to be left-aligned instead of centered. Can someone please give me a suitable code?

Theme is “Dawn”.

Link to the shop: www.herzenspony-shop.de
The shop is currently password-protected, the password is: riabaz

THANKS!

2

This is PageFly - Free Landing Page Builder.

You can use the code below to achieve this

Step1: Online store > Themes > Edit code > search for your theme file base.css

Step2: Paste the code to the end of the file

.footer-block__details-content .list-menu__item--link { 
font-size: 18px;  /* to change footer-text-size */
}

And for the Jobs page

pase this into theme.liquid

{% if handle == 'jobs' %}

{% endif %}

Currently i cannot found the

  • The category heading and category texts
  • Product descriptions

So i gave you the code for first and the last concern, and you can point me to these missing

Hope this helps.

Best regards,

PageFly

3

Thanks a lot, the first code worked - The second not, I think it is because I placed it at the wrong place?

How can I get all pages (also like that https://www.herzenspony-shop.de/pages/uber-herzenspony) smaller and left-alligned?

Category texts and headings are for all categorys (like → rider → Shirts & Tops, Hoodies & Sweater and so on…

4

And another question regarding the footer, is there a possibility to reduce the distances between the points in height? Just very minimal. I think the spacing is a little too big.