Customise tag buttons in blog

[KenCope]

Hi,

I wonder if you can help me please?

I have been able to customise the sidebar, comments and buttons on a website in development, but haven’t been able to figure out the correct CSS coding for the Tag buttons to bring it in line with the rest of the site.

Edit The pages that are linked to the tags don’t show the sidebar backround, what should I add for this, please?

The page is https://lno.kc-designs.co.uk/sitting-room/

Thanks in advance

[ruenel]

Hello There,

Thanks for writing in!

To add the background of the sidebar in the tag archive pages as well, please have your css code updated and use this instead:

.blog .x-sidebar, 
.archive .x-sidebar, 
.single .x-sidebar {
    background-image: url(https://lno.kc-designs.co.uk/wp-content/uploads/2018/03/site-page.jpg);
    border-width: 4px;
    color: rgba(94,63,151,0.5);
    padding: 20px;
    border-radius: 5px;
}

If you want to add a background color for the tag buttons, please make use of this code:

.entry-footer a {
    background-color: white;
    color: black;
}

We would loved to know if this has work for you. Thank you.

[KenCope]

Thanks RueNel,

Works perfectly, thanks.

To tie in with the look of the site I tweaked the tag buttons to:

.entry-footer a {
background-color: rgba(131, 109, 183, 0.35);
color: rgb(125, 0, 0);
border-color: rgba(94, 63, 151, 0.5);
box-shadow: none;
}

.entry-footer a:hover{
background-color: rgba(255, 255, 255, 0.25);
color: rgb(131, 109, 183);
}

[rad]

Glad it works now and thanks for sharing