Want to change the color…

  • Hi, I have selected “rounded thumbnails” which i like best…
    But I would like to modify it using my own css as well…

    I wonder if someone would be so kind as to help me out here…
    1. I would however like to change the grey color at the bottom which encases the title and the hover color of this section also…
    2.I would also like to not have the text decoration which i currently have ( underlined dashed ) for my text links showing up on these thumbnails ( it does.. ) … Is there any way to disable this?
    3. I also wonder if i can change the faint grey color ( border with rounded edges ) which goes all around each thumbnail..
    and lastly, do I need to put !important in the css??

    I would really appreciate if someone could give me the css to use for this… ( I assume that I CAN use the “rounded thumbnails” while also customizing in this way?)

    thanks for a great plugin and thanks in advance for your time…

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Ajay

    (@ajay)

    Please see the CSS behind rounded-thumbs
    https://github.com/WebberZone/contextual-related-posts/blob/master/css/rounded-thumbs.css

    In particular you’ll need to add CSS code for .crp_title and .crp_title a

    For Q3 – this would be .crp_related li
    You can try it without !important to see if it works and if not then include that.

    Thread Starter cielle

    (@cielle)

    Thanks Ajay, thanks for pointing me in the right direction… So, to anyone interested, the css that I needed to change the back-ground color and the hover background color was this:

    .crp_related li:hover .crp_title {
	background-color: purple !important;
}

.crp_related .crp_title {
	background-color: pink !important;
}

    I haven’t been able to find how to change the link/a text decoration though and remove it… I have tried various combinations, to no avail.. It is still decorating the above two items as if they were a link in my blog, using the text decoration that I have chosen for text links…

    Could you please be more specific as to which exactly css i should use to remove this text deocoration??
    Thank you !!

    Plugin Author Ajay

    (@ajay)

    What’s your site URL?

    This would typically be 

    
.crp_related a { text-decoration: none; }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Want to change the color…’ is closed to new replies.