Archived topic
Homepage styling
5 replies · Started by Ryan on April 8, 2022
Hey GP team,
I found a couple past topic threads about this but nothing that quite the bill. I have two questions:
1. I am using the Marketer theme and am trying to style the homepage differently than the rest of the site. Specifically, I want to make the font size extra big, however the H1 I am using on the rest of the site is not as big as I would like for the homepage. Is there a way to adjust my font sizes without changing font sizes on the rest of the site?
2. The outside of the container on the Marketer theme is a light grey color. Is there a way to make it the same color as the inside of the container?
Thanks in advance,
Ryan
Hi there,
1. Customizer > Typography and Add New Typography, for the Element Target List select the Archive Content Title (H2) - and style that, that specifically applies to the blog and archive page post titles.
2. go to Customizer > Colors > Body and set it to the --base color which is #fff; that is being used on the Content container.
Hi David,
Thanks for the reply. Just to clarify a bit on #1, I am trying to style the font for the homepage, which is set to a static page, not the blog. I am happy with the font size on the blog and archive post titles so don't want to change those. If I go to Customer --> Add Typography --> Target Element --> Other/Custom... is there a CSS selector that would target the H1 and H2 on the static homepage?
Ah ok, for sure.
In the Customizer > Typography, you can select the Target Element > Custom. And in the Enter custom CSS selector. field add:
.home h1
Then add another Custom element for the H2 and use this selector:
.home h2
Worked great, thanks!
Glad to hear that!
