WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Text Color Change in CSS Not Working (8 posts)

  1. prayersnapples
    Member
    Posted 2 years ago #

    I went into my CSS stylesheet to change the colors for my sidebar titles and captions, but the changes aren't reflected on my website?

    I changed the titles from #E8E8E8 (a super light gray) to #A69C91 (the same color as my post titles).

    I changed the captions from #333 (black) to #5CB4BC (teal).

    But everything's still the same: the widget titles are super light gray and the captions are black. Here is what my general and sidebar sections look like on my style sheet right now:

    /* GENERAL */
    body {
    	font-family: Arial, Helvetica, sans-serif;
    	background-color: #fff;
    	background-image:url(images/background.gif);
    	background-repeat:no-repeat;
    	background-position:center top;
    	color: #5CB4BC;
    	margin: 0 0 20px 0;
    	padding: 0;
    }
    
    #container {
    	background: none;
    	margin: 0 auto;
    	width: 960px;
    }
    /* The sidebar */
    /* *********** */
    #sidebar {
    	margin-left: 660px;
    }
    #sidebar ul {
    	list-style-type:none;
    	margin:auto !important;
    	margin: 10px;
    }
    #sidebar ul li h2 {
    	font: normal 37px/35px Arial, Helvetica, sans-serif;
    	letter-spacing: -2pt;
    	text-transform:lowercase;
    	color: #A69C91;
    	padding: 0;
    	margin: 30px 0 20px 0;
    }
    #sidebar ul li ul {
    	font: 15px Arial, Helvetica, sans-serif;
    	list-style-image: url(images/arrow.gif);
    	padding:0 24px;
    }
    #sidebar ul li ul li {
    	margin: 10px 0;
    }
    
    #sidebar ul li ul li a {
    	color: #5cb4bc;
    	text-decoration: none;
    	margin-left: 2px !important;
    	margin-left: 10px;
    }
    #sidebar ul li ul li a:hover {
    	text-decoration:underline;
    }
    #searchform {
    	color: #60dcdf;
    	text-align:center;
    	text-transform:uppercase;
    	font-size: 10px;
    	letter-spacing: 2px;
    	margin:0 0 25px 0;
    	padding-right: 20px;
    }
    #sidebar .button {
    	color: #fff;
    	font-size:24px;
    	border: none;
    	background: none;
    	padding-top: 5px;
    }
    #sidebar .field {
    	border: 2px solid #60dcdf;
    	padding: 3px;
    	margin-top: 7px !important;
    	margin-top: 2px;
    }
    .widget_tag_cloud a {
    	color: #5cb4bc;
    	text-decoration: none;
    }
    #rss-img {    /* background image */
    	width : 91%;
    	height: 35px;
    	background: url(images/rss.png) top center no-repeat;
    	margin-top: 5px;
    }
    #zone1 {    /* link zone */
    	width : 100%;
    	height: 100%;
    	float: left;
    }
    #twitter-img {    /* background image */
    	width : 91%;
    	height: 35px;
    	background: url(images/twitter.png) top center no-repeat;
    	margin-top: 5px;
    }
    #zone2 {    /* link zone */
    	width : 100%;
    	height: 100%;
    	float: left;
    } 
    
    /* footer */
    #general {
    	clear:both;
    	font: 11px Tahoma, Geneva, sans-serif;
    	text-align: center;
    	color: #785430;
    	padding-top: 10px;
    	border-top: 1px dotted #ccc;
    	margin: 20px 0;
    }
    #general li {
    	display: inline;
    	list-style-type: none;
    	padding: 0 7px;
    	border-right: 1px solid #a69c91;
    }
    #general li a {
    	color: #B85;
    	border-bottom: 1px dotted #70a624;
    	text-decoration:none;
    }

    Why aren't the colors changing and what should I do?

  2. prayersnapples
    Member
    Posted 2 years ago #

    I'm sorry, meant to include this:

    My website is: http://www.PrayersAndApples.com

  3. Andrew
    Forum moderator
    Posted 2 years ago #

    Clear your browser cache.

  4. prayersnapples
    Member
    Posted 2 years ago #

    wow i feel stupid lol that worked - thank you! i forgot, i recently installed WP Widget Cache... if i uninstall that and give it a little bit of time, will that help returning readers to see the correct version? i don't want to have to put up a message telling everyone to empty their caches so the correct version will show lol

  5. Andrew
    Forum moderator
    Posted 2 years ago #

    I'm not sure how that plugin works, but you could deactivate and reactivate the plugin after a substantial change that you want users to see.

    The browser does cache pages automatically, so users may have to clear their cache anyway to see an immediate change.

  6. prayersnapples
    Member
    Posted 2 years ago #

    ok thank you! last question: i don't know how caching really works - is this something that over a certain time will empty itself (in other words: after a certain period of time, will returning viewers eventually see the correct version regardless of if they go in and empty their cache today)?

  7. Andrew
    Forum moderator
    Posted 2 years ago #

    Yes, after a certain amount of time (sorry I don't know specifically) the browser will clear its own cache. You don't have to worry about users not seeing the newer website because of caching issues, unless you want them to see the change immediately.

  8. prayersnapples
    Member
    Posted 2 years ago #

    ok thanks so much! :)

Topic Closed

This topic has been closed to new replies.

About this Topic