style.css issues on custom theme
-
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; }
The topic ‘style.css issues on custom theme’ is closed to new replies.