WordPress.org

1. WendySchauerDC
   Member
   Posted 1 year ago #
   

   Hello. I apologize in advance if I make any "rookie" errors in this post. I hope that I won't. But if I do please feel free to point them out to me and I promise not to make the same mistake twice.

   I am currently using the Brand New Day Theme. At the top upper left of my site - http://HappyNewYou.com - it says in a light blue color, "happy new you!". Underneath that, in white it says, "Site of Dr. Wendy Schauer, D.C., R.K.C." I am wondering how I can change the color of my name from white to the orange color as depicted by the search box in the upper right hand corner.

   Any help or insights are most greatly appreciated.

   Thank you.

   Wendy

2. Kurt
   Member
   Posted 1 year ago #
   

   Wendy:

   The WordPress community welcomes rookies and we like helping everyone, at least everyone who appreciates help. So don't worry if you make any "rookie" mistakes. Everyone was a rookie at one point.

   First, if you ever want to update your theme, you need to create a child theme: http://codex.wordpress.org/Child_Themes . A child theme is separate from the parent and allows you to make modifications to the child theme without concern. Updates applied to the parent theme will not destroy your changes. Is a child theme necessary? No. The author of the theme may never update it. But, it may prevent problems down the road if the theme is updated. This plugin claims to allow you to create a child theme with a couple of clicks: http://wordpress.org/extend/plugins/one-click-child-theme/ . I haven't used this plugin before.

   If you don't care about creating a child theme (e.g., you won't update the theme), go to Appearance => Editor. The default file that should be open is the style.css file. This is the file you need edit. Scroll to the bottom of this file and add this:

   .title {
   color: #F9B20C;
   }

   If you create a child theme, add the statement above to the child theme style.css file.

3. Kurt
   Member
   Posted 1 year ago #
   

   Wendy:

   Something was nagging at me and I'm not sure why. Anyway, I realized that my answer wasn't correct. The new CSS rule should look like this:

   .title, .title a, .title a:visited {
   color: #F9B20C;
   }

4. Caroline Moore
   Member
   Posted 1 year ago #
   

   Hi Wendy! Kurt's code will work if you want to change the website title color, but I think what you want to change is the website's description which lies directly under the title (if I'm reading your post correctly... if not, disregard the following!)

   You'd use the following in style.css:

   .tagline {
      color: #f9b20c;
   }

5. Kurt
   Member
   Posted 1 year ago #
   

   Wendy:

   Sorry, I'm an idiot. Someone should ban me from this site immediately! I did not read your question correctly. Sixhours is correct. Use her code to change the color of your name.

   @sixhours: Thanks for catching my boneheaded response!

6. Caroline Moore
   Member
   Posted 1 year ago #
   

   No worries, Kurt, happens to everyone. :)

7. WendySchauerDC
   Member
   Posted 1 year ago #
   

   Kurt & sixhours,

   Thank you both SO very kindly for your time and input. I followed the steps that you recommended Kurt and then I applied the code that you recommended sixhours but no change took place to the website description.

   .tagline {
   font-style:italic;
   font-size: 21px;
   font-family: Georgia, "Times New Roman", serif;
   margin-top: 7px;
   float: left;
   clear: left;
   position: relative;
   font-weight: normal;
   display: block;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 20px;
   color: #f9b20c;
   }
   The change that I made is shown above in bold. Is this the wrong place to add the change?

   Thank you both.

   Wendy

8. Kurt
   Member
   Posted 1 year ago #
   

   Wendy:

   I don't see that code appearing in your web page. If you're wondering how sixhours and I can see what's going on, I use the Firefox browser that has an addon called Firebug. Firebug allows us to see what makes up a web page.

   Anyway, this theme appears to have some options to it. There is more than one CSS file being loaded. There may be more than one CSS file in the theme folder.

   Firebug is telling me that the .tagline CSS is on line 438 of the style.css file. This file is the primary CSS file for your theme. If you can find the .tagline CSS in this file, add this - color: #f9b20c - before the the closing bracket.

   The code you posted above may be in a different file.

   Note: You may have to add the color rule so it looks like this:
   color: #f9b20c !important;
   because there's another rule being loaded from another file.

9. WendySchauerDC
   Member
   Posted 1 year ago #
   

   Kurt,

   Thank you!!! I am SO proud of myself. I did it...of course with great thanks and appreciation to you and sixhours. If you get a chance to stop by and see my change that would be great http://www.HappyNewYou.com.

   Again, many, many thanks.

   Wendy

10. Kurt
    Member
    Posted 1 year ago #
    

    Wendy:

    Woohoo! Strike up the band! That's exciting! It looks good!

    I'm glad I could help.

Topic Closed

This topic has been closed to new replies.