theme changed and now my colors are wrong

  • Unknown's avatar
    beckyclarkfl · Member ·

    My site’s theme changed overnight, and it changed the colors on several elements. Here is a screenshot of what my site looked like before the changes: http://webcache.googleusercontent.com/search?q=cache:Z23mgG0QriQJ:fumcbocaraton.org/+&cd=1&hl=en&ct=clnk&gl=ca” I am using the Stay Theme. How do I get the colors back to what they were?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    Hi beckyclarkfl, I’m looking at this right now and it looks like you are making multiple changes to the custom CSS.

  • Unknown's avatar
    designsimply · Member ·

    I’m going back through all the revisions now to see if I can get back to the CSS before the color change happened for the theme and go from there.

    I also found that the color change was intended to fix a bug reported for that theme—I’m sorry for the trouble that caused you!

  • Unknown's avatar
    beckyclarkfl · Member ·

    I’ve been trying to manually change the CSS just so our site is readable, but I don’t know CSS so anything you can do would be such a help. Thank you.

  • Unknown's avatar
    designsimply · Member ·

    I’m back. It took me a little time to sort out all the CSS revisions and also figure out what happened to the theme’s color CSS.

    Here is the CSS you had saved in Appearance > Customize > CSS editor for the fumcbocaraton.org blog as of 16 Apr @ 12:53 (the last change before other revisions started today), I used this as a starting point:

    .site-title a,
.site-description,
.site-info,
.site-info a,
#nav-below a {
	color: white;
	font-size: 80%;
}

.home-widgets .widget-title {
	border-bottom: 1px solid white;
}

textarea,
.navigation-main a,
#secondary,
#secondary a,
.widget-search,
.home-widgets,
.home-widgets a,
.widget-title {
	color: white;
}

.entry-meta, .page-title {
	display: none;
}

.secondary-navigation li a {
	color: white;
	display: block;
	font-size: .7em;
	padding: 7px 5px;
}

.secondary-navigation li a:hover {
	background-color: #680F07;
	color: white;
}

.featured h1 a {
	color: #ffff00;
	text-decoration: none;
}
<code></code>
.featured h2 a {
	color: #ffffff;
	text-decoration: none;
}

.social-links a:before {
	color: #ffffff;
}

.widget_nav_menu a {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	padding: 5px 0;
	text-decoration: none;
}

.widget_reservations .contact-form input[type="submit"] {
	font-size: 1em;
	padding: 10px 0;
	width: 100%;
	color: #000000;
}

.postid-1141 table, .postid-1141 td, .postid-1141 th {
	border: 1px solid black;
	padding: 10px 0;
	text-align: left;
}

.postid-1141 table {
	width: 600px;
}

.hentry {
	background-color: #ffffff;
}

p {
	color: #000000;
}

@media screen and (max-width: 600px) {
	#site-navigation h1.menu-toggle {
		color: white;
	}
}

    Then I researched what changed in the color rules and added these missing styles to get your site back to the way it was before:

    #page { background: inherit;}
.hotels-listing { background-color: #380804;}
.social-links a { background-color: #380804;}
.social-links a { color: #380804;}
.featured h2 { background-color: #680F07;}
#home-widgets { background-color: #680F07;}
.navigation-main a:hover { background-color: #680F07;}
.navigation-main ul ul { background-color: #680F07;}
.navigation-main li:hover > a { background-color: #680F07;}
.navigation-main ul ul a:hover { background-color: #450A04;}
#site-navigation h1.menu-toggle.toggled-on { background-color: #680F07;}
#site-navigation.main-small-navigation .menu,#site-navigation.main-small-navigation .menu-primary-container,#site-navigation.main-small-navigation .menu-secondary-container { background-color: #680F07;}
.hentry { background-color: #680F07;}
.bypostauthor { background-color: #680F07;}
.widget_reservations { background-color: #680F07;}
#masthead .widget_reservations .contact-form, .widget_reservations .contact-form { background-color: #680F07;}
.widget_search input[type="search"] { background-color: #98160A;}
.widget_nav_menu a:hover { background-color: #680F07;}
.widget_calendar table { background-color: #680F07;}
.social-links li a:hover { background-color: #680F07;}
.navigation-main, .widget-title, #colophon, #calendar_wrap { border-color: #680F07;}
.wp-caption { border-color: #510B05;}
.sticky { border-color: #090100;}

    We are also working to review the bug fix with the theme team and possibly revert that update since it may have caused a few more problems than it solved. We can usually avoid that kind of trouble, but it does happen sometimes!

    I’m sorry again for the trouble and we’ll keep you updated on progress. In the mean time if you replace what is currently in your CSS editor with both CSS snippets above, that should fix the issue for you in the short term.

  • Unknown's avatar
    beckyclarkfl · Member ·

    The site is almost back to what it was with these two changes I’ve copied into the CSS. But, one small change I believe…After you click on a menu item, the blog entries that display based on category all have a burgundy background and they should all be with a white background. Can you change that for me or tell me what to change? Thanks for all your help!

  • Unknown's avatar
    designsimply · Member ·

    Interesting! It worked in my test. I figured out that the order of the snippets matter. Can you try recopying and put the one that starts with #page { background: inherit;} first and the other one second in your Appearance > Customize > CSS editor?

  • Unknown's avatar
    beckyclarkfl · Member ·

    Thank you! That fixed the last issue. I appreciate all your help.

  • Unknown's avatar
    justjennifer · Member ·

    @designsimply-seems several members using the Stay theme are experiencing unexpected color change issues. See the “stay” tag.

  • Unknown's avatar
    residencearabesque · Member ·

    Could I please jump on this thread.

    I think I’m having the same problem?!

    I posted this request for help in the wrong forum and have just been redirected here.

    I have just looked at my site for the first time in a couple of weeks (I’ve been busy!) and am shocked to find the background is now white. I didn’t change it so I don’t know how it happened – is there a chance there could be an issue with the theme that I’m using which is ‘stay’ and this will be amended or is it something I have inadvertently done?
    How to I revert back t the colour it was a couple of weeks ago?

    Many thanks
    Sophie
    My site is http://residencearabesque.com/

  • Unknown's avatar
    designsimply · Member ·

    Thanks for the heads-up justjennifer. I will take a look at the tag.

    residencearabesque , I will take a look at your request at https://en.forums.wordpress.com/topic/my-background-colour-has-changed-help?replies=7#post-2241559 and follow up there.

  • Unknown's avatar
    designsimply · Member ·

    justjennifer, I only found two related reports that hadn’t already been taken care of and I replied to both.

  • The topic ‘theme changed and now my colors are wrong’ is closed to new replies.