Custom font on Index Gallery Page for a Brine Family Website

Site URL: https://www.brandonbourne.co.uk/homepage

I want to change the index gallery page headings with the same font as the H1 headings that are throughout the website. I have tried many different CSS codes but none have prevailed so far. The H1 site headings use CSS for the font that I want, but just can't seem to reach the index gallery pages, any help would be great appreciated! 

It seems you solved?

I would like to know the code to do this... 

7 hours ago, SproutDesignStudio said:

I would like to know the code to do this... 

 

Can you share link to gallery page? We can help easier

The gallery is at the bottom of the home page... currently no text overlain because I can't get the right fonts. 

ridgwaylodgeandsuites.com

Thanks! 

16 hours ago, SproutDesignStudio said:

The gallery is at the bottom of the home page... currently no text overlain because I can't get the right fonts. 

ridgwaylodgeandsuites.com

Thanks! 

Can you add some text? We can check code easier.

Thanks for your help, @tuanphan. I have added text. 

Cheers!

To clarify... I would like to match the fonts on the slideshow to the custom H1 and H2 fonts that are overlaying the banner images above. 

I got this mostly worked out but now I'm struggling to adjust the font size for mobile. Can you help? 

On 11/20/2020 at 11:02 PM, SproutDesignStudio said:

I got this mostly worked out but now I'm struggling to adjust the font size for mobile. Can you help? 

Gallery under header?

Yes, the Gallery under the header... still trying to adjust the font for different screen sizes to my liking

Add to Home > Design > Custom CSS

.homepage h2.Index-gallery-item-content-heading {
    font-size: 30px;
}
.homepage .Index-gallery-item-content-body * {
    font-size: 30px !important;
}