Changing font formatting on Portfolio Grid Titles

I am trying to customise the font formatting of the portfolio grid titles in my portfolio page on Squarespace 7.1

I can see that these are h3, and that the class is .portfolio-title but I've tried both header code injection as well as Custom CSS to add in code to reduce the size/change font and it's not working.

Can anyone guide me on what the correct code to use would be?

Add to Home > Design > Custom CSS

h3.portfolio-title {
    color: red !important;
    font-size: 20px !important;
}

Thank you so much! I think adding the !important made all the difference 🙂

2 minutes ago, RoxyL said:

Thank you so much! I think adding the !important made all the difference 🙂

If an element is being applied by multiple CSS. The elements that use !Important, CSS will have the highest priority.

Hi there, to define my portfolio grid titles I tried this (I use 7.1.):

h3.portfolio-title {font-family: 'ALPINA REGULAR ITALIC';
    font-size: 20px !important;}

The font-size has been changed, the font not. I already injected my custom font in CSS for h4-h2 and body, which worked. Can you tell what I missed.

I also like to change the font for the portfolio pagination, do you know the code for that as well? Thank you!

On 11/20/2020 at 6:02 PM, MathiasTopp said:

Hi there, to define my portfolio grid titles I tried this (I use 7.1.):

h3.portfolio-title {font-family: 'ALPINA REGULAR ITALIC';
    font-size: 20px !important;}

The font-size has been changed, the font not. I already injected my custom font in CSS for h4-h2 and body, which worked. Can you tell what I missed.

I also like to change the font for the portfolio pagination, do you know the code for that as well? Thank you!

Can you share site url? We can check easier