[Resolved] Style blog page and search results page

[Johan]

Hi!
I need your help guys. I wonder how I style the blog page and the search results page.
On the blog page I would like the following:
* The title should not be red and underlined. Just bold and as the same colors as the rest of the page.

The search results page look weird. Is there some way I can do an element for this one and get the results inside a container as the rest of the page?

[Ying]

Hi Johan,

1. The link color is set at customizer > colors > body > link.

2. You can remove the underline at customizer > general > Underline Links.

3. To customize your search result page, go to appearance > elements, check if there’s a block - content template element, if so, you can include the search result page in its display rule.

[Johan]

Thanks. But its only on the blog page I would like to style the links. The rest of the site should remain the same.

[Fernando]

Hi Johan,

For one, you can create a new Content Template just for the Blog page, and set the title modifications there.

Another route is through custom CSS. Try adding this in Additional CSS:

body.blog a {
    text-decoration: none;   
}

body.blog h2 a {
    color: var(--contrtrast);
    font-weight:bold;
}

[Johan]

Hi,

Almost getting there. The search results page look funky though. The text is cropped out. I cant find the setting to adjust the padding/margin on the header of the search results.

[Fernando]

The Page Hero seems to be a Block Element.

It has a Container Block. You can add bottom margin in the block’s setting in the spacing section. That should push the content down.

[Johan]

Thanks!

[Fernando]

You’re welcome Johan!

[Author]

Posts