Docs

[mattcaldwell]

Hello,

Could you tell me how to change the colour and icon image for both post previews on blog and category pages, as well as for recent posts element? The recent post element uses the page icon, which is what I want on the blog side too, and I would like to change the colour for both.

Thanks in advance for your help!

Best,

Matt

[Nabeel A]

Hi Matt,

Thanks for writing in! Can you please provide the URL of your blog and category pages so we can provide you with a tailored answer?

Thanks!

[mattcaldwell]

This reply has been marked as private.

[Darshana]

Hi there,

You already have the following code for the background color. You can add a different color value instead {color:#336699;}

a:hover,#reply-title small a:hover{color:rgb(0,192,209);}

To change the icon, you can add the following CSS rule into your child theme’s style.css file.

.x-recent-posts-img:before, .entry-thumb:before {
  content: "\f13d";
}

You can find the Unicode of the icons at http://fortawesome.github.io/Font-Awesome/icons/

Hope that helps.

[mattcaldwell]

Hello,

That helped me add the file icon to post hover on the category page, thanks. I am still having trouble changing the background colour when you hover over a post in both category pages and on the home page in the feeds. Also, I just noticed that the icon that shows up on the feeds on the home page on hover don’t have a different coloured circle behind them and the ones on the categories pages do. I would like to remove that circle behind the icons if possible.

Thanks for all the help.

[mattcaldwell]

I got it resolved. I didn’t realize the link colour in the customize section was where the colour was being pulled from.

The only think I would like to know still is if I can remove the dark circle that shows up behind the icons on hover in category pages.

Thanks.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.archive.category .entry-thumb:before {
    background-color: transparent;
}

Hope that helps.

[mattcaldwell]

Thanks

[Rahul]

You’re most welcome.

Let us know if we can help with anything else.

Thanks for choosing the X-theme!

[Author]

Posts