Title: Stylesheet Problems
Last modified: August 21, 2016

---

# Stylesheet Problems

 *  Resolved [valisemag](https://wordpress.org/support/users/valisemag/)
 * (@valisemag)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/)
 * So all of my link colors changed today, for no reason, and adjusting them in 
   the style sheet doesn’t fix the problem. Please help!

Viewing 14 replies - 1 through 14 (of 14 total)

 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943737)
 * Please post a link to your site when you have a question or problem, it makes
   it easier to see what might be wrong. Thank you.
 *  Thread Starter [valisemag](https://wordpress.org/support/users/valisemag/)
 * (@valisemag)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943900)
 * For some reason, I sometimes see all my links as a brown color, and I sometimes
   see them as a teal color.
 * What could cause this??
 * [http://www.valisemag.com/](http://www.valisemag.com/)
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943905)
 * There are some CSS rules which target specific link types. For example, you might
   notice that in the footer, the WordPress link and the MageeWP Themes are both
   teal. That’s because there’s this rule:
 *     ```
       .site-footer a {
          color:#1abc9c;
       }
       ```
   
 * The #1abc9c is a teal color. Other link selectors which have the same color assigned
   to it:
 *     ```
       .site-logo a
       .site-navigation a
       .entry-meta a
       .loop-pagination a
       div.page_navi a
       .format-gallery .entry-content .page-links a:hover
       .format-audio .entry-content .page-links a:hover
       .format-status .entry-content .page-links a:hover
       .format-video .entry-content .page-links a:hover
       .format-chat .entry-content .page-links a:hover
       .format-quote .entry-content .page-links a:hover
       .page-links a:hover
       ```
   
 * What links were you trying to change, and to what value?
 * By the way, you shouldn’t be editing the theme’s style.css file directly. Any
   updates to the theme, because of feature enhancements or security patches, will
   wipe out any changes. Better to use a CSS plugin like [Custom CSS Manager](http://wordpress.org/plugins/custom-css-manager-plugin/)
   if the theme doesn’t have a Custom CSS option.
 *  Thread Starter [valisemag](https://wordpress.org/support/users/valisemag/)
 * (@valisemag)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943907)
 * I’m trying to make ALL of the links be teal. They were before yesterday, and 
   now on one of my computers they’re teal, and on the other, they’re brown. I assume
   it’s because I updated the theme, but even having gone back in and changed the
   link colors again, they aren’t changing from brown to teal.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943909)
 * OK, the Onetone theme has a Custom CSS option, so what you should do is make 
   your CSS changes there. That way they won’t get wiped out the next time the theme
   upgrades. If you see a rule in the style.css file that you want to override, 
   just copy it over to the Custom CSS field and make the change there (**Appearance
   > Onetone Options > General Options**, then scroll down all the way to the bottom).
   The way CSS works is that whatever rule is declared later (if the selectors have
   the same specificity) will be used, and the Custom CSS rules will come after 
   the style.css rules.
 * Let’s start by copying in this simple, generic rule for all links:
 *     ```
       a,
       a:hover,
       .home-navigation > ul > li.active > a > span,
       .home-navigation > ul > li > a:hover > span {
          color:#1abc9c;
       }
       ```
   
 * This should take care of your site title, most of the navigation menu, plus the
   links in the content and widget area.
 *  Thread Starter [valisemag](https://wordpress.org/support/users/valisemag/)
 * (@valisemag)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943940)
 * Thanks for that! I pasted it in, and it doesn’t seem to have affected the colors
   at all. Any other suggestions?
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943941)
 * OK, your e-mail client converted all of the special characters (like less than
   and greater than signs) to what are called escape characters, so you can’t copy&
   paste from the e-mail. Copy & paste from the gray window in my post above.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943942)
 * Hmmm, strange, I just tried doing a copy & paste into my own install and the 
   editor converted the > & < signs. Let me see…
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4943943)
 * OMG, what stupid-a$$ CSS editor would convert symbols to escape codes???
 * Can you try installing the [Custom CSS Manager](http://wordpress.org/plugins/custom-css-manager-plugin/)
   plugin? Then copy & paste the CSS into there (**Appearance > Custom CSS Manager**).
   Oh, and remove the CSS from the theme’s custom CSS field.
 *  Thread Starter [valisemag](https://wordpress.org/support/users/valisemag/)
 * (@valisemag)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4944002)
 * Awesome! That did the trick, thanks!
 *  Thread Starter [valisemag](https://wordpress.org/support/users/valisemag/)
 * (@valisemag)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4944003)
 * One more question, the site subtitle has also changed color. What would the custom
   CSS be for changing the color of that?
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4944004)
 * Is that the line “Pack for the Weekend, Remember for a Lifetime”? The selector
   for that would be **.banner-box p**. So if you wanted to make it white, like 
   the line above it, you might add this:
 *     ```
       .banner-box p {
          color: white;
       }
       ```
   
 * If you want to make it a little bigger on a desktop/laptop, add the **font-size**
   property, but you’ll also want to add a _media query_ rule right after so it’s
   the normal size on a mobile device or narrow viewport:
 *     ```
       .banner-box p {
          color: white;
          font-size: 1.8em;
       }
       @media screen and (max-width:1119px) {
          .banner-box p {
             font-size: 100%;
          }
       }
       ```
   
 *  [Einstein Web Design](https://wordpress.org/support/users/einstein-web-design/)
 * (@einstein-web-design)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4944141)
 * Hi there, I need help with 4 things (LOVE the theme btw)
 * 1. How do I change the hover font colour on the menu?
 * 2. How do I change the colour of the youtube buttons (play, pause etc)
 * 3 How can I centre the logo?
 * 4. How can I change the hover font colour for the footer link?
 * Cheers!
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 7 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4944142)
 * You can create a new thread here:
    [https://wordpress.org/support/theme/onetone#postform](https://wordpress.org/support/theme/onetone#postform)
 * Create separate threads for each issue if you want to increase the likelihood
   of receiving support.

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Stylesheet Problems’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/onetone/3.0.6/screenshot.jpg)
 * onetone
 * [Support Threads](https://wordpress.org/support/theme/onetone/)
 * [Active Topics](https://wordpress.org/support/theme/onetone/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/onetone/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/onetone/reviews/)

 * 14 replies
 * 4 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/stylesheet-problems-1/#post-4944142)
 * Status: resolved