Change color of category boxes

Home Forums SKT Full Width Forum Change color of category boxes

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #24816
    MP EK
    Member
    • Topics: 40
    • Replies: 149
    • Total: 189
    Member since: October 21, 2015

    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)?

    Screenshot

    #25012
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24455
    • Total: 24455
    Member since: August 16, 2013

    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

    #25101
    MP EK
    Member
    • Topics: 40
    • Replies: 149
    • Total: 189
    Member since: October 21, 2015

    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?

    Screenshot

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

    #25108
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24455
    • Total: 24455
    Member since: August 16, 2013

    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

    #25121
    MP EK
    Member
    • Topics: 40
    • Replies: 149
    • Total: 189
    Member since: October 21, 2015

    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?

    #25124
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24455
    • Total: 24455
    Member since: August 16, 2013

    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

    #25155
    MP EK
    Member
    • Topics: 40
    • Replies: 149
    • Total: 189
    Member since: October 21, 2015

    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!

    #25501
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24455
    • Total: 24455
    Member since: August 16, 2013

    Okay

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.