WordPress.org

Ready to get started?Download WordPress

Forums

Minor CSS Help for a Header (8 posts)

  1. annabanana74
    Member
    Posted 9 months ago #

    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

  2. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    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.

  3. annabanana74
    Member
    Posted 9 months ago #

    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?

  4. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    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?

  5. annabanana74
    Member
    Posted 9 months ago #

    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.

  6. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Try adding this:

    .textSlide h1.box {
       color: white !important;
    }
  7. annabanana74
    Member
    Posted 9 months ago #

    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.

  8. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    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.

Reply

You must log in to post.

About this Topic