Change color of category boxes

[MP EK]

Please have a look on the screenshot. The page shows the category “news”.

1. The boxes shall be in a different color, white or light grey.
2. The line break of the post title is resulting in second line being too far from the first, would be nice to have it closer and/or ending title with “…” to show the title is longer
3. the 3rd box has the post title centered, others have them on the left or centered, how to set it to left or to center for every box?
4. The thumbnail is overlapped to the right, how to set the image to be aligned with the box (centered)?

[Sonnal S Sinha]

Hi Michael,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code:

.homepage-article{ width:250px !important;}
.category article{ background:#CCC !important;}
h1.entry-title{ line-height:20px !important; text-align:left !important;}

Regards,
Dave

[MP EK]

Thank you! It’s better now.

Now, there are thin black lines below thumbnail, that are not equal in length.
They don’t fit in appearance, is it possible to turn them off or give them the same color (#CCC)?

The distance of text when changing to two lines is preferred to be smaller. How to set this?

The text has still the first letter different color, how to set it to the same pink?

Or please have a look at:
http://pekic.de/das/category/news/

[Sonnal S Sinha]

Add this code in custom css box:

.homepage-article h1.entry-title{border-top:none !important;}
.homepage-article h1.entry-title a{color:#dc266e !important;}
.homepage-article h1.entry-title a:hover{color:#000 !important;}
h1.entry-title{line-height:11px !important;}

Regards,
Brad

[MP EK]

That’s nice! Thank you.

I changed hover color to FFF (white).
If I want to change color of first letter when hovering as well?

[Sonnal S Sinha]

Kindly add this code for hover on first letter:

.homepage-article h1.entry-title a:hover, .category h1.entry-title:hover::first-letter{color:#fff !important;}

Regards,
Brad

[MP EK]

Thank you!

funny behavior: if you move the mouse pointer next to the text field, first letter changes to white, if you move further to text all text turns white!

[Sonnal S Sinha]

Okay

[Author]

Posts