WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] i can´t change the color of my rss feed header font (19 posts)

  1. jespergrip
    Member
    Posted 1 year ago #

    When changing color of my widget area i can change the backround and my font text for 3 links but not for the RSS feeds

    h3, .widget > h1 {
    	color: #fff;
    	text-align: center;
    	background-color: #DC241F;
    	font-size: 14px;
    	font-weight: bold;
    	text-transform: uppercase;
    	border-bottom: 2px solid #fff;
    	padding-bottom: 2px;

    im using the toolbox theme for it. i been trying to read up on what to do and tryed adding

    .widget_rss .widget-title a{
      color:#FF0000;
    }

    To my style.css but can´t get it to work. anyone got any idea of how i could do this?

  2. Tara
    Member
    Posted 1 year ago #

    - Try using Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/

  3. jespergrip
    Member
    Posted 1 year ago #

    Thank you tara for that but it dosen´t help me out much:/ the problem i have is that i have a <a> code overiding my <h3, .widget> code and if i change the colors in the </a><a> code sequence i will change the color of all the text not just the widget headers and i can´t for the sake of me find a way to passby that.

    [Remember to wrap code in backticks]

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you can't link the webpage, can you reproduce the issue in CSSDesk and then share us a link to that?

  5. jespergrip
    Member
    Posted 1 year ago #

    I can ofcourse link you the site the only problem is that the site is in swedish. hope thats no problem since the code should be the same http://hassleholmtoday.se/

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try adding;

    .rsswidget h3 {
     background: deeppink;
     color: deepskyblue;
    }
  7. jespergrip
    Member
    Posted 1 year ago #

    it did not work:/
    This string of code

    a {
    	text-decoration: none;
    	color: black;
    }

    keeps overwriting this string of code

    h3, .widget > h1 {
    	color: #fff;
    	text-align: center;
    	background-color: #DC241F;
    	font-size: 14px;
    	font-weight: bold;
    	text-transform: uppercase;
    	border-bottom: 2px solid #fff;
    	padding-bottom: 2px;
    }
  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Where are you adding it?

  9. jespergrip
    Member
    Posted 1 year ago #

    inside the style.css i tried adding it both on top and underneath and in different places.

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you have a section of the dashboard named "Custom CSS" or "Edit CSS"?

  11. jespergrip
    Member
    Posted 1 year ago #

    Yea i do i did try to add it in there as well no result:( (i tried everything i could think of just in case it was me being stupid like it usualy is;P) but around were in the custom CSS whould you add the code in?

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    Add the code to the very end of your Custom CSS code.

  13. jespergrip
    Member
    Posted 1 year ago #

    did not work:(

  14. Andrew
    Forum Moderator
    Posted 1 year ago #

    Something's wrong with the method you're using to add the CSS because it's not in your Custom CSS file.

    If your theme's Custom CSS is not saving your changes, try downloading this Custom CSS Manager plugin and using that.

  15. jespergrip
    Member
    Posted 1 year ago #

    I dident update the CSS file befor just used the previewe mode. it should be updated now. also tryed the CSS manager plugin but still no luck..

    I can´t get how hard it should be to override this damn thing:P haha

  16. Andrew
    Forum Moderator
    Posted 1 year ago #

    If all else fails, put !important on your CSS style;

    .widget_rss .widget-title a{
      color: #FF0000 !important;
    }
  17. jespergrip
    Member
    Posted 1 year ago #

    the !important; Diden¨t work either.

  18. Andrew
    Forum Moderator
    Posted 1 year ago #

    Put it on this style;

    .widget_rss  a{
      color: #FF0000 !important;
    }
  19. jespergrip
    Member
    Posted 1 year ago #

    Ty m8 i made it work now by adding this code

    .widget_rss H3  a{
      color: #FFF !important;
    }

    Really appreciate the help this was really bugging me i couldn't figure it out

Topic Closed

This topic has been closed to new replies.

About this Topic