Support » Themes and Templates » Minor CSS Help for a Header

  • Hi everyone,

    I am *this* close to having this site ready to go after I replace the photos to high res. I have successfully changed some of the CSS, which definitely makes me nervous because I am not a programmer. The temp website is wellness1st.biz.

    The only thing I have left is to change the text in the header from blue to white. Currently, it can’t be seen. I found the location in Firefox Inspect Element. It says the color for the header is located in options.css:112. When I go open the options.css from the FTP site, I can’t find the code I am looking for. I checked in style.css too.

    Here’s where Inspect pointed me to (at the very bottom of this code under color, but I can’t find this in any css file when I do a “find”:

    .catlinkhover, .item h3 a:hover, .item2 h3 a:hover, .item4 h3 a:hover, .homeRacent h3:hover, .catlink:hover, .infotext span, .homeRacent h3 a:hover, .blogpost .link:hover, .blogpost .postedin:hover, .blogpost .postedin:hover, .blogpost .link a:hover, .blogpostcategory a.textlink:hover, .footer_widget .widget_links ul li a:hover, .footer_widget .widget_categories ul li a:hover, .footer_widget .widget_archive ul li a:hover, #footerb .footernav ul li a:hover, .footer_widget ul li a:hover, .tags span a:hover, .more-link:hover, .homeBox .one_third a, .showpostpostcontent h1 a:hover, .menu li ul li:hover a, .menu li a:hover strong, .menu li ul li:hover ul li a, .menu li ul li:hover ul li:hover a, .menu li ul li:hover ul li:hover ul li a, .menu li ul li:hover ul li:hover ul li:hover a, .menu > li.current-menu-item a strong, .menu > li.current-menu-ancestor a strong, .blogpostcategory .meta .written:hover a, .blogpostcategory .meta .comments:hover a, #wp-calendar a, .widgett a:hover, .widget_categories li.current-cat a, .widget_categories li.current-cat, .blogpostcategory .meta .time a:hover, .homeRacent h2 span, .advertise h2 span, .widget span, h3#comments span, .related h3 span, .homeremove .catlink .sortingword:hover, .homeremove .catlinkhover .sortingword, .accordion a, .blogpost .datecomment .link a, .projectdescription h3 span, .portsingle .portfolio h3 span, .titleborderh span, .textSlide .box, .textSlide .button a, a.recentmore, .blogpostcategory .blogmore {
    color: rgb(99, 129, 194) !important;

    Any help for this CSS noob?

    Thanks!
    Anne

Viewing 7 replies - 1 through 7 (of 7 total)
  • WPyogi

    (@wpyogi)

    Forum Moderator

    If you are changing theme files, your changes will be lost when the theme is updated. It’s recommended to use a custom CSS option or plugin to avoid that.

    Just COPY the CSS code you’ve found to custom CSS and change it there.

    Where do I copy it though? Options.css? I thought I would see something that says from Inspect:
    color: rbg(99, 129, 194) and I would change it from the current blue to white.

    What CSS plug in do you recommend?

    WPyogi

    (@wpyogi)

    Forum Moderator

    Any of these should work okay:

    http://wordpress.org/plugins/search.php?q=custom+css

    Since that’s a commercial theme, you’d need to ask the developers about any specific theme issues – they are not supported here as we don’t have access to them.

    Which part are you trying to change?

    Thanks!

    They won’t help me with CSS. I asked.

    wellness1st.biz
    Just the header on the home page. There is larger text above the smaller white text that is currently blue. The developer took off a white box, but they left the text in blue. I just want that text white too.

    WPyogi

    (@wpyogi)

    Forum Moderator

    Try adding this:

    .textSlide h1.box {
       color: white !important;
    }

    TA-DA!

    Thank you! That did the trick. Now if I did this in style.css, will it be lost in the future?

    You are great. I appreciate the quick help.

    WPyogi

    (@wpyogi)

    Forum Moderator

    Now if I did this in style.css, will it be lost in the future?

    Generally, any changes you make to theme files will be overwritten when the theme is updated, yes.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Minor CSS Help for a Header’ is closed to new replies.