Thumbnail CSS

  • wunderfluff

    (@wunderfluff)


    11 years, 10 months ago

    Hi! How can I edit the border style of my thumbnails? Ideally, I’d like to make them circular, so I was attempting to use this code in my custom css:

    ul.related_post li img {
    border-radius: 50px;
    }

    To no avail. It seems like no matter which border properties I attempt (border color, padding etc. etc.) nothing is changed. Any ideas on how to go about this?

    Example here!

    https://wordpress.org/plugins/related-posts-by-zemanta/

Viewing 1 replies (of 1 total)
  • silvoslaf

    (@silvoslaf)

    11 years, 9 months ago

    Hey, sorry for the late follow up, I’d love to help you out!

    First of all, you need to add the !important at the end of your lines, in order to overwrite your default CSS settings.

    So try this instead:

    ul.related_post li img {
border-radius: 50px; !important
}

    Also, which browser are you using?

    If Chrome, try -webkit-border-radius, if Firefox, try -moz-border-radius — and turn on all of them, not just one, to make it work for you: -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;

    And don’t forget to add that !important line!

    Let me know if this works for you or if you are still experiencing any problems — would love to hear the results!

    Take care & have a nice day!

    Best,
    Silvo

Viewing 1 replies (of 1 total)

The topic ‘Thumbnail CSS’ is closed to new replies.