Text Color

  • Resolved Mike

    (@iskon47)


    12 years, 2 months ago

    I love the way this widget works! I adjusted the text color as mentioned on other posts with:

    .rotatingtweet a:link {color:white;} /* unvisited link */
    .rotatingtweet a:visited {color:white;} /* visited link */
    .rotatingtweet a:hover {color:white;} /* mouse over link */
    .rotatingtweet a:active {color:white;} /* selected link */

    However, all of the hashtags, account names, @account, date, reply, retweet, and links are literally invisible until you move your mouse over them. They must be the exact same color as my background. How do I change those colors?

    Thanks!

    https://wordpress.org/plugins/rotatingtweets/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Martin Tod

    (@mpntod)

    12 years, 2 months ago

    That’s a surprise! What happens if you add:

    .rotatingtweet a {color:white;}

    at the beginning of the list?

    And, if that doesn’t work, can you send me a link?

    Thread Starter Mike

    (@iskon47)

    12 years, 2 months ago

    Wow, unbelievably fast response haha. Thank you so much!

    I added that in but not sure if I added it to the correct area as nothing changed. Not very familiar with CSS.

    I emailed you the link.

    Plugin Author Martin Tod

    (@mpntod)

    12 years, 2 months ago

    All very odd.

    When this happens I normally end up trying more and more specific selectors until I get the result I want!

    So first I try:

    div.rotatingtweet a {color:white;}

    then

    div.rotatingtweet p.rtw_main a {color:white;}

    then

    div.rotatingtweet p.rtw_main a {color:white !important;}

    although it might also be worth trying:

    div.rotatingtweet a {color:white !important;}

    Thread Starter Mike

    (@iskon47)

    12 years, 2 months ago

    It worked! I made it div.rotatingtweet a {color:gray !important;} to match the rest of the layout. Thank you so much!

    I had to leave in the code below though as even though everything just remains gray regardless of mouse hover, clicks, etc. (which I don’t mind, that’s how I’d prefer it) when I removed this code it reverted back to the issue.

    .rotatingtweet a:link {color:white;}      /* unvisited link */
.rotatingtweet a:visited {color:white;}  /* visited link */
.rotatingtweet a:hover {color:white;}  /* mouse over link */
.rotatingtweet a:active {color:white;}  /* selected link */

    Just figured I’d mention that in case other people had a similar issue but wanted the changing colors.

    Thanks again and amazing app!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Text Color’ is closed to new replies.