Title: style.css issues on custom theme
Last modified: August 22, 2016

---

# style.css issues on custom theme

 *  [edna.alfaro](https://wordpress.org/support/users/ednaalfaro/)
 * (@ednaalfaro)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/stylecss-issues-on-custom-theme/)
 * My website, [pretendcity.org](http://pretendcity.org) has a custom theme created
   by someone else. To edit content I use dreamweaver and go into the server to 
   open up the individual files (ex: if I need to add something to the header, I
   will edit header.php).
 * My issue is that when I edit/update the style.css file for the website it doesn’t
   update right away. For example I changed the background color from #353535 to#
   000000 and there were no changes. So I left the background color as #000000 in
   style.css for weeks and no changes were found on the website. Then today, WordPress
   had an automatic update to 3.9.2 and I found the background color suddenly changed
   to #000000.
 * Now I’m trying to change it back to #353535 and it will not make any changes.
 * Here is the style.css for the website:
 *     ```
       @charset "UTF-8";
       /*
       Theme Name: Pretend City Children's Museum
       Theme URI: http://pretendcity.org
       Description: Pretend City v2
       Author: Slava Popov
       Author URI: http://laydbak.com
       */
   
       /* =================
       0081cd - Blue
       83bc34 - Green
       353535 - Text
       cbcbcb - Borders
       ==================*/
   
       /* =========== */
       /* Page Styles */
       /* =========== */
   
       body {
       	background: #f0f0f0;
       	color: #353535;
       	font: 12px Arial, Helvetica, sans-serif;
       	margin: 0;
       	padding: 0;
       	text-align: center;
       	width: 100%;
       	}
       img {border: 0;}
       table {margin: 0 0 10px 0; padding: 0; line-height: 19px; vertical-align: top !important; border-spacing:0; border-collapse:collapse;}
       td {vertical-align: top !important;}
       p {line-height: 19px; padding-bottom: 10px;}
       h2, h3, h4, h5, h6 {color: #353535; margin-bottom: 10px;}
       h1 {color: #0081cd; font-size: 24px; margin: 0 0 10px 0;}
       h2 {color: #353535; font-size: 18px;}
       h3 {color: #83bc34; font-size: 16px;}
       h3 a {color: #83bc34;}
       h4 {font-size: 14px;}
       h5 {font-size: 14px;}
       h6 {color: red; font-size: 11px;}
       hr {
       	border: none 0;
       	border-top: 1px dashed #ccc;
       	height: 1px;
       	margin: 20px 0;
       	width: 100%;
       	}
       a {color: #0081cd; text-decoration: underline;}
       a:hover {text-decoration: none;}
       ul {
       	line-height: 19px;
       	list-style-type: disc;
       	padding: 0 0 20px 20px;}
       .wrap {
       	background: #FFF;
       	border-left: #cbcbcb 1px solid;
       	border-bottom: #cbcbcb 1px solid;
       	border-right: #cbcbcb 1px solid;
       	margin: 0 auto;
       	position: relative;
       	width: 958px;
       	}
   
       /* ======== */
       /* Info Bar */
       /* ======== */
   
       #infobar {
       	background: #353535;
       	border-bottom: 1px solid #FFF;
       	color: #FFF;
       	font-size: 11px;
       	height: 30px;
       	width: 100%;
       	}
       #infobar strong {color: #FFF; text-transform: uppercase;}
       #infobar div {padding-top: 8px;}
       #infobar span {padding-right: 20px;}
       #infobar div a {
       	font-size: 10px;
       	color: #FFF;
       	text-decoration: none;
       	}
       #infobar div a:hover {text-decoration: underline;}
   
       /* ====== */
       /* Header */
       /*--------*/
   
       header {
       	background: url(images/cityscape.png) no-repeat center bottom;
       	height: 185px;
       	margin: 0 auto;
       	width: 960px;
       	overflow: hidden;
       	}
       .logo {
       	background: url(images/logo.png) no-repeat;
       	float: left;
       	height: 52px;
       	margin: 43px 0 0 90px;
       	width: 242px;
       	}
       .donate {
       	background: url(images/header_donate.png) no-repeat;
       	float: right;
       	height: 62px;
       	margin-top: 40px;
       	width: 156px;
       	}
   
       .donate:hover {
       	opacity:0.5;
       	filter:alpha(opacity=50); /* For IE8 and earlier */
       }
   
       /*.paypalicon {
       	background: none;
       	float: right;
       	height: 35px;
       	width: 156px;
       	left: 200px;
       	margin-top: 40px;
       	}
       */
       /*.paypalicon:hover {
       	opacity:0.5;
       	filter:alpha(opacity=50); /* For IE8 and earlier */}*/
   
       /* ========== */
       /* Navigation */
       /* ========== */
   
       nav {
       	background: #353535;
       	color: #FFF;
       	height: 29px;
       	margin: 0 10px;
       	position: relative;
       	text-align: left;
       	z-index: 10;
   
       	-webkit-border-radius: 5px;
       	 -khtml-border-radius: 5px;
       	   -moz-border-radius: 5px;
       	        border-radius: 5px;
       	behavior: url(PIE.htc);
       	zoom: 1;
       	}
       .navspacer {
       	height: 20px;
       	width: 100%;
       	}
   
       /* ==== */
       /* Menu */
       /* ==== */
   
       .main-navigation {margin-left: -10px;}
       .main-navigation a {padding: 5px 10px;}
       .main-navigation a:hover {background-color: #83bc34;}
       .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
       	display: inline-block !important;
   
       	/* IE 7 FIX */
       	zoom: 1 !important;
               *display: inline;
   
       	text-align: left;
       	width: 100%;
       	}
       .main-navigation li a, .main-navigation li {
       	display: inline-block;
   
       	/* IE 7 FIX */
       	zoom: 1;
               *display: inline;
   
       	text-decoration: none;
       	}
       .main-navigation li a {color: #FFF;}
       .main-navigation li a:hover {color: #000;}
       .main-navigation li {
       	margin: 0;
       	position: relative;
       	}
       .main-navigation li ul {
       	display: none;
       	margin: 0;
       	padding: 0;
       	position: absolute;
       	top: 100%;
       	z-index: 1;
       	zoom: 1;
       	}
       .lt-ie8 .main-navigation li ul {
       	display: none;
       	margin: 0;
       	padding: 0;
       	position: absolute;
       	top: 100%;
       	z-index: 1;
       	zoom: 1;
       	left: 0;
       	}
       .main-navigation ul li:hover > ul {
       	display: block;
       	}
       .main-navigation li ul li a {
       	background: #3e3e3e;
       	border-bottom: 1px solid #353535;
       	display: block;
       	font-size: 11px;
       	padding: 5px 10px;
       	/*white-space: normal;*/
       	white-space: nowrap;
       	}
       .main-navigation li ul li a:hover {
       	background: #0397de;
       	color: #FFF;
       	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
       	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
       	box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
       	}
       .menu-toggle {display: none;}
       .navwidth1 {width: 115px}
       .navwidth2 {width: 110px}
       .navwidth3 {width: 120px}
       .navwidth4 {width: 145px}
       .navwidth5 {width: 100px}
       .navwidth6 {width: 125px}
       .navwidth7 {width: 148px !important; border-right: none !important;}
   
       ul#menu-navigation > li > ul > li:hover > ul {display:inline-block; width:auto; margin-left:100%; top:0;}
   
       ul#menu-navigation > li > ul > li:hover > ul li {width:100%; display:inline-block;}
   
       ul#menu-navigation > li > ul > li:hover > ul > li:hover > ul {display:inline-block; width:auto; margin-left:100%; top:0;}
   
       ul#menu-navigation > li > ul > li:hover > ul li > li:hover > ul li {width:100%; display:inline-block;}
   
       /* ========================================================================== */
   
       /* ============== */
       /* Slider Wrapper */
       /* ============== */
   
       #bigbox {
       	background: #fbfbfb;
       	border: 1px solid #cbcbcb;
       	height: 300px;
       	margin: 0 auto;
       	position: relative;
       	width: 936px;
       	}
       .arrow-up {
       	background: url(images/arrowa.png) no-repeat center bottom;
       	height: 20px;
       	width: 100%;
       	}
       .arrow-down {
       	background: url(images/arrowb.png) no-repeat center top;
       	height: 20px;
       	width: 100%;
       	}
   
       /* ====== */
       /* Slider */
       /* ====== */
   
       .slider {
       	background: #f0f0f0;
       	float: left;
       	height: 300px;
       	position: relative;
       	width: 635px;
       	}
   
       /* =============== */
       /* Sidebar Buttons */
       /* =============== */
   
       .sidebar {
       	background: #ececec;
       	border-left: 1px solid #FFF;
       	float: left;
       	height: 300px;
       	position: relative;
       	text-align: left;
       	width: 300px;
       	}
       .purchase_tickets {
       	border-bottom: 1px solid #cbcbcb;
       	height: 59px;
       	position: relative;
       	}
       .purchase_tickets .icon {
       	background: url(images/icon_purchase_tickets.png) no-repeat;
       	float: left;
       	height: 59px;
       	margin-left: 10px;
       	width: 60px;
       	}
       .book_field_trip {
       	border-bottom: 1px solid #cbcbcb;
       	height: 59px;
       	position: relative;
       	}
       .book_field_trip .icon {
       	background: url(images/icon_book_field_trip.png) no-repeat;
       	float: left;
       	height: 59px;
       	margin-left: 10px;
       	width: 60px;
       	}
       .calendar_events {
       	border-bottom: 1px solid #cbcbcb;
       	height: 59px;
       	position: relative;
       	}
       .calendar_events .icon {
       	background: url(images/icon_calendar_events.png) no-repeat;
       	float: left;
       	height: 59px;
       	margin-left: 10px;
       	width: 60px;
       	}
       .plan_party {
       	border-bottom: 1px solid #cbcbcb;
       	height: 59px;
       	position: relative;
       	}
       .plan_party .icon {
       	background: url(images/icon_plan_party.png) no-repeat;
       	float: left;
       	height: 59px;
       	margin-left: 10px;
       	width: 60px;
       	}
       .become_member {
       	height: 60px;
       	position: relative;
       	}
       .become_member .icon {
       	background: url(images/icon_become_member.png) no-repeat;
       	float: left;
       	height: 59px;
       	margin-left: 10px;
       	width: 60px;
       	}
       .sidebar .txt {
       	float: left;
       	font-size: 20px;
       	font-weight: bold;
       	margin-left: 10px;
       	padding-top: 19px;
       	}
       .sidehover:hover {
       	background: background-image: -ms-linear-gradient(top, #03adff 0%, #008fd4 100%);
       	background-image: -moz-linear-gradient(top, #03adff 0%, #008fd4 100%);
       	background-image: -o-linear-gradient(top, #03adff 0%, #008fd4 100%);
       	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #03adff), color-stop(1, #008fd4));
       	background-image: -webkit-linear-gradient(top, #03adff 0%, #008fd4 100%);
       	background-image: linear-gradient(top, #03adff 0%, #008fd4 100%);
       	color: #FFF;
       	position: relative;
       	}
       .sidehover a {
       	color: #353535;
       	text-decoration: none;
       	text-shadow: 1px 1px #FFF;
       	}
       .sidehover:hover a {
       	color: #FFF;
       	text-decoration: none;
       	text-shadow: -1px -1px #00699b;
       	}
   
       /* ============== */
       /* 3 Column Boxes */
       /* ============== */
   
       .column-wrapper {
       	height: 170px !important;
       	margin: 0 auto 15px auto;
       	width: 938px !important;
       	}
       .column-wrapper a {text-decoration: none;}
       .column1 {
       	float: left;
       	text-align: center;
       	position: relative;
       	}
       .column2 {
       	float: left;
       	padding: 0 19px 0 19px;
       	position: relative;
       	}
       .column3 {float: left; position: relative;}
       .columnbtn {
       	background: #353535;
       	color: #FFF;
       	font-size: 18px;
       	height: 28px;
       	padding-top: 7px;
       	text-shadow: -1px -1px -1px #1a1b1b;
       	width: 300px;
       	}
   
       /* ==================== */
       /* First Column */
       /* ==================== */
   
       .photo .top {
       	background: url(images/3box_tour.png) no-repeat;
       	height: 135px;
       	width: 300px;
       	}
   
       /* ======================= */
       /* Second Column Home */
       /* ======================= */
   
       .exhibit .top {
       	background: url(images/3box_exhibit.png) no-repeat;
       	height: 135px;
       	width: 300px;
       	}
       .cfcoc {text-align: center;}
       .cfcoc a {text-decoration: none;}
       .cfcoc .img {
       	background: url(images/3box_cfcoc.png) no-repeat center;
       	height: 117px;
       	margin-top: 10px;
       	width: 298px;
       	}
       .cfcoc .top {
       	border-left: 1px solid #cbcbcb;
       	border-top: 1px solid #cbcbcb;
       	border-right: 1px solid #cbcbcb;
       	height: 134px;
       	width: 298px;
       	}
   
       /* ==== */
       /* Body */
       /* ==== */
   
       #content {
       	margin: 10px auto;
       	text-align: left;
       	width: 938px;
       	}
   
       /* =============== */
       /* Blog Page Style */
       /* =============== */
   
       .entry-title {
       	margin-top: 25px;
       }
   
       .entry-footer {
       	margin: 25px 0 15px;
       	border-bottom: solid 2px #0099FF;
       	padding: 5px;
       }
   
       /* ======== */
       /* Exhibits */
       /* ======== */
   
       #exhibit {
       	border-top: 1px dotted #CCC;
       	height: 50px;
       	padding-top: 10px;
       	width: 100%;
       	}
       #exhibit .icon {
       	margin: 0;
       	padding: 0;
       	position: relative;
       	}
       #exhibit .icon li {
       	float: left;
       	height: 40px;
       	padding: 0 17px 0 0;
       	list-style: none;
       	text-align: center;
       	}
       #exhibit .icon li.first  {
       	padding-right: 15px;
       	text-align: left;
       	}
       #exhibit .icon li.last  {
       	padding: 0;
       	text-align: right;
       	}
       .sponsor_text {
       	font-size: 11px;
       	font-style: italic;
       	margin: -10px 10px 0 0;
       	padding-bottom: 10px;
       	}
   
       /* ============== */
       /* Footer Wrapper */
       /* ============== */
   
       #footer {
       	background: #282828;
       	height: 250px;
       	margin: 20px auto 0 auto;
       	width: 960px;
       	}
       #footer .wrapper {
       	color: #FFF;
       	height: 250px;
       	width: 960px;
       	}
       #footer h2 {
       	color: #FFF;
       	font-size: 18px;
       	font-weight: normal !important;
       	margin: 0;
       	padding: 0 0 10px 0;
       	}
       #footer a {
       	color: #8f8f8f;
       	text-decoration: none;
       	}
       #footer a:hover {color: #FFF;}
   
       /* ================= */
       /* Footer Newsletter */
       /* ================= */
   
       #footer .newsletter {
       	background: #2f2f2f;
       	float: left;
       	height: 230px;
       	margin: 10px;
       	text-align: left;
       	width: 300px;
       	}
       #footer .newsletter .signup {
       	background: url(images/footer_col1_signup.png) no-repeat;
       	height: 45px;
       	margin: 0 auto;
       	}
       #footer .newsletter .txt {
       	padding-top: 5px;
       	}	
   
       /* ========= */
       /* MailChimp */
       /* ========= */
   
       #mc_signup_form {margin-top: 15px;}
       .mc_error_msg {font-size: 11px; color: red;}
       .mc_var_label {
       	color: #8cc63f;
       	font-weight: bold;
       	}
       .mc_input {
       	-webkit-border-radius: 5px;
       	 -khtml-border-radius: 5px;
       	   -moz-border-radius: 5px;
       	        border-radius: 5px;
       	behavior: url(PIE.htc);
   
       	position: relative;
       	background: #fbfbfb;
       	border: 1px solid #cbcbcb;
       	color: #353535;
       	font-size: 12px;
       	display: block;
       	height: 20px;
       	margin: 10px 0 10px 0;
       	padding: 5px;
       	width: 268px;
       	}
       #mc_signup_form .button {
       	background:url(images/btn.png) no-repeat;
           cursor: pointer;
           width: 116px;
           height: 32px;
           border: none;
       	}
       #mc_signup_form .button:hover {
       	opacity: 0.5;
       	filter: alpha(opacity=50);
       }
   
       /* ========================= */
       /* Footer Corporate Sponsors */
       /* ========================= */
   
       #footer .corpSponsors {
       	background: #2f2f2f;
       	float: left;
       	height: 230px;
       	margin: 10px;
       	text-align: left;
       	width: 300px;
       	}
       .fade {
          opacity: 0.2;
          -webkit-transition: opacity .5s ease-in-out;
             -moz-transition: opacity .5s ease-in-out;
                  transition: opacity .5s ease-in-out;
          }
       .fade:hover {opacity: 1;}
       .sponsor_top_row {padding: 0 0 10px 5px;}
       .sponsor_bottom_row {padding-left: 5px;}
   
       /* ================================= */
       /* Footer Social Media & Quick Links */
       /* ================================= */
   
       #footer .smql {
       	float: left;
       	height: 230px;
       	margin: 10px;
       	text-align: left;
       	width: 300px;
       	}
       #footer .smcol {
       	float: left;
       	width: 93px;
       	}
       #footer .qlcol {
       	float: left;
       	margin-top: -6px;
       	width: 93px;
       	}
   
       /* =================== */
       /* Footer Social Media */
       /* =================== */
   
       #footer .top {
       	background: #2f2f2f;
       	height: 105px;
       	margin-bottom: 20px;
       	text-align: left;
       	}
       #footer .top .row {
       	float: left;
       	font-size: 11px;
       	padding-bottom: 6px;
       	width: 280px;
       	}
       #footer .top .rowBottom {
       	float: left;
       	font-size: 11px;
       	width: 280px;
       	}
       #footer .top .icon {
       	float: left;
       	height: 16px;
       	margin: -2px 2px 0 0;
       	width: 16px;
       	}
       #footer .top .fb {background: url(images/social_fb.png) no-repeat;}
       #footer .top .yt {background: url(images/social_youtube.png) no-repeat;}
       #footer .top .ig {background: url(images/social_ig.png) no-repeat;}
       #footer .top .pin {background: url(images/social_pintrest.png) no-repeat;}
       #footer .top .tw {background: url(images/social_twitter.png) no-repeat;}
       #footer .top .gplus {background: url(images/social_googleplus.png) no-repeat;}
       #footer .top .ta {background: url(images/tripadvisoricon2.png) no-repeat;}
       #footer .top .gr {background: url(images/social_gr.png) no-repeat;}
       #footer .top .flickr {background: url(images/social_flickr.png) no-repeat;}
       #footer .top .yelp {background: url(images/social_yelp.png) no-repeat;}
   
       #footer .bottom {
       	background: #2f2f2f;
       	font-size: 11px;
       	height: 105px;
       	line-height: 16px;
       	text-align: left;
       	}
   
       /* ========= */
       /* Copyright */
       /* ========= */
   
       #copyright {
       	background: #FFF;
       	border: #cbcbcb 1px solid;
       	font-size: 10px;
       	height: 24px;
       	margin: 20px auto;
       	padding: 11px 10px 0 10px;
       	width: 938px;
       	}
       #copyright a {
       	color: #8f8f8f;
       	text-decoration: none;
       	}
       #copyright a:hover {color: #008fd4;}
       #copyright .left {
       	color: #8f8f8f;
       	float: left;
       	padding-bottom: 10px;
       	text-align: left;
       	width: 50%;
       	}
       #copyright .right {
       	float: left;
       	text-align: right;
       	width: 50%;
       	}
   
       /* === */
       /* 404 */
       /* === */
   
       .notfound .image {
       	background: url(images/404.png) no-repeat right;
       	float: right;
       	height: 364px;
       	margin: 34px -10px 0 547px;
       	position: absolute;
       	width: 401px;
       	}
       .notfound input {
       	-webkit-border-radius: 5px;
       	 -khtml-border-radius: 5px;
       	   -moz-border-radius: 5px;
       	        border-radius: 5px;
       	behavior: url(PIE.htc);
   
       	position: relative;
       	background: #fbfbfb;
       	border: 1px solid #cbcbcb;
       	color: #353535;
       	font-size: 12px;
       	padding: 5px;
       	}
   
       .event_espresso_form_wrapper p.section-title {display: none;}
       .ee-featured-image {margin-left: 20px;}
   
       .hoverfade:hover {
       	opacity: 0.5;
       	filter:alpha(opacity=50); /* For IE8 and earlier */
       	}
   
       .greydout {
         -webkit-opacity: 1;
         -moz-opacity: 1;
         opacity: 1;
         width: 270px;
         height: 88px;
       }
   
       .greydout:hover {
         -webkit-opacity: 0.75;
         -moz-opacity: 0.75;
         opacity: 0.75;
         width: 270px;
         height: 88px;
       }
   
       #redbox {
       	background: url(../../../images/redbox.gif);
       }
   
       #milestonescontainer {
       	width: 835px;
       	overflow: hidden;
       	display: inline-block;
       } 
   
       #column1of2 {
       	width: 400px;
       	margin-top: 10px;
       	float: left;
       }
   
       #column2of2 {
       	width: 400px;
       	margin-top: 10px;
       	float: left;
       }
   
       ul {
       	list-style-type: square;
       }
   
       li p {
       	color: #000;
       	font-size: 14px;
       	line-height: 14px;
       }
   
       .orange {
       	color: #f48a32;
       }
   
       .magenta {
       	color: #ef1a98;
       }
   
       .blue {
       	color: #0081cd;
       }
   
       .red {
       	color: #f14048;
       }
   
       .purple {
       	color: #ae0874;
       }
   
       .green {
       	color: #83bc34;
       }
   
       .black {
       	color: #000;
       }
   
       .grey {
       	color: #999;
       }
   
       .clear {
       	clear: both;
       }
   
       .post-container {
           overflow: auto
       }
       .post-thumb {
           float: left
       }
       .post-thumb img {
           display: block
       }
       .post-content {
       	overflow: hidden;
       }
       .post-title {
           font-weight: bold;
           font-size: 40px;
       }
       ```
   

Viewing 1 replies (of 1 total)

 *  [stacyduval](https://wordpress.org/support/users/stacyduval/)
 * (@stacyduval)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/stylecss-issues-on-custom-theme/#post-5170310)
 * If I understand you correctly find this bit of code in styles.css:
 *     ```
       .wrap {
       	background: #FFF;
       	border-left: #cbcbcb 1px solid;
       	border-bottom: #cbcbcb 1px solid;
       	border-right: #cbcbcb 1px solid;
       	margin: 0 auto;
       	position: relative;
       	width: 958px;
       	}
       ```
   
 * Then change the background to #353535.

Viewing 1 replies (of 1 total)

The topic ‘style.css issues on custom theme’ is closed to new replies.

## Tags

 * [child theme](https://wordpress.org/support/topic-tag/child-theme/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [custom theme](https://wordpress.org/support/topic-tag/custom-theme/)
 * [style.css](https://wordpress.org/support/topic-tag/style-css/)
 * [Stylesheet](https://wordpress.org/support/topic-tag/stylesheet/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [stacyduval](https://wordpress.org/support/users/stacyduval/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/stylecss-issues-on-custom-theme/#post-5170310)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics