Site logo

Archived topic

How to change blog cards title + author links colors

13 replies · Started by eran on June 23, 2022

Viewing posts 1–14 of 14

Hi I try to change the color of the blog card title and author links color with this css in a hook:

.blog .gb-inside-container a { color: #XXXXXXX; }

anything im missing?
it dont work.

Hi Ying,
I added the blog page.
i try to change the cards title color and the authour name color links.

You are using a block element - content template, you can change the colors within the block element.

For example, select the headline block which presents the title, you can change color directly from there, no CSS is needed.

Just keep in mind, that if the headline has a link, eg, the title, the color it uses will be the link color, not the text color.

Thanks!
that worked.
but still, the hook element with the css should have worked.
I just want to know what i did wrong so next time i'll do it right.
can you help me figure out?

Your code should work.

However, did you wrap it with style tags?

<style> 
    .blog .gb-inside-container a {
        color: red;
    }
</style>

Moreover, where are you hooking it to? Usually, stylesheets are in the head so you’ll need to hook it to wp_head.

Lastly, you may also add CSS through Appearance > Customize > Additional CSS.

Hope this clarifies.

Alright thanks.
how can i change the color of the breadcrumbs?
i changed it in the cosutmizer but it didnt change the current page link color

You might need custom CSS. Can you provide a link to where we can see the breadcrumbs?

Hope to hear from you soon.

Hi Fernando,
I add the link.
Plus I cant see the logo on mobile any idea why?

Hi there,

try this CSS for the breadcrumb current page:

.breadcrumb_last {
    color: #fff;
}

so your site has a retina logo that is 404ing.
Go to Site Identity and add a logo to the Retina field.

It worked but the arrow icon doesn't change the color.
I must use css to change that?

Remove the CSS.
Edit the Container Block that has the breadcrumb inside, and in its Color settings change the Text to the color your want. Its currently set to that dark blue you see - that will also fix the arrows

thanks David!
and to change the post date color i need to use CSS?

In Customizer > Colors under the Content tab you will find the colors for Entry Meta Text and Entry Meta Links.
T

This archived topic is closed to new replies.