• My website, 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)
  • 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.