How can I modify footer header text size without affecting my theme?

Hello, I would like to make the headers in the footer smaller. I know that you can control these via the theme settings, but then the headlines change throughout the shop. I don’t want that. Is there a way to change this in the code? Unfortunately I can’t find anything in the code.

www.gaming-equip.de

1testzugang!

1 Like

Hi,
Add this code to the bottom of theme.css

.site-footer__item-inner .h1{
font-size: 1.5em;
}

Result:

Hi @MarCologne

Can you provide a password for the development store?

Or at least give us the name of the theme you’re using?

It’ll be a case of adding some CSS to the themes CSS file.

www.gaming-equip.de

1testzugang!

Hmm, i added it on the bottom of theme.css , but nothing changes.

Hi @MarCologne

It looks like this is the CSS you need:

.site-footer p.h1 {
    font-size:1.4em;
}

If you replace the code you put in previously with this code that should reduce the size of the text.

You can then amend the 1.4em to 1.5em if you want it a little larger or 1.3em if you want it a little smaller.

Let me know if that gets you the right result?