Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 24, 2014 at 10:03 pm #242368
    Valerie

    Hi there! I just put a sliding tweet widget from a plug-in into my sidebar at http://coaching.valiantlane.com/about/our-founder. I am trying to adjust the font color of the tweet text and have not been able to find the right code to change. Changes to the font color in the css file for the plug-in do not propagate through to the webpage. Using firebug I found where the code is that controls the color, which is #888888.which is:

    .main_color .meta-color, .main_color .sidebar, .main_color .sidebar a, .main_color .minor-meta, .main_color .minor-meta a, .main_color .text-sep, .main_color blockquote, .main_color .post_nav a, .main_color .comment-text, .main_color .side-container-inner, .main_color .news-time, .main_color .pagination a, .main_color .pagination span, .main_color .tweet-text.avatar_no .tweet-time, #top .main_color .extra-mini-title, .main_color .team-member-job-title, .main_color .team-social a, .main_color #js_sort_items a, .grid-entry-excerpt, .main_color .avia-testimonial-subtitle, .main_color .commentmetadata a, .main_color .social_bookmarks a, .main_color .meta-heading > *, .main_color .slide-meta, .main_color .slide-meta a, .main_color .taglist, .main_color .taglist a, .main_color .phone-info, .main_color .phone-info a, .main_color .av-sort-by-term a {
    color: #888888;
}

    I have tried to change in QuickCSS these elements: main_color .sidebar, .main_color .sidebar a, main_color .slide-meta, .main_color .slide-meta a, and .main_color .tweet-text.avatar_no .tweet-time. None of these worked.

    Can you tell me the correct code to use to change the font color of the tweets sliding in the widget?

    Thanks for looking into this for me!

    V.

    March 25, 2014 at 2:33 am #242451
    Ismael

    Hey Valerie!

    Please try this one:

    .main_color .sidebar p.rtw_main > *, .main_color .sidebar p.rtw_meta > *,  .main_color .sidebar p.rtw_main a,  .main_color .sidebar p.rtw_meta a,  .main_color .sidebar .rotatingtweet {
color: red !important;
}

    Remove browser cache then reload the page a few times.

    Regards,
    Ismael

    March 25, 2014 at 4:13 am #242496
    Valerie

    Thanks a bunch, Ismael!

    March 25, 2014 at 4:14 pm #242786
    Valerie

    Hi Ismael,

    This worked perfectly. Thanks! It changes the color all of the text, including links. Is it possible to make the links a different color?

    Valerie

    March 25, 2014 at 4:18 pm #242792
    Yigit

    Hi!

    Please try removing !important rule from Ismael’s code and then add following code to Quick CSS as well and adjust as needed

    .rotatingtweet a {
color: red !important;
}

    Cheers!
    Yigit

    March 25, 2014 at 4:42 pm #242817
    Valerie

    Perfect! Thanks, Yigit.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Font Color Sidebar Slider’ is closed to new replies.