Big style.css Wordpress Problem

by cima

Posted: 17 years ago 4 replies

PROGRAMMING

Hey There,

here's my problem : yesterday I was making some changes on my style.css file and in order to take back the changes I made, I put the original style.css back which in theory should have made the whole thing work all over again... But It didn't ! In fact, from this moment on, my blog wasn't displaying any design, there was some posts but no design or lay out or whatever !!

And in the "theme page" on my wordpress dashboard, here's what I can see : http://www.ultimateforexreview.com/damncssprob.gif

Here's my style.css

/*

Theme Name: Crazy blue

Theme URI: Samsung S630

Description: Simple WP theme

Author: s630.info

Author URI: s630.info

*/

{

*{margin:0; padding:0;}

body {

font-family: Verdana, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;

font-size: 12px;

background-image: url('images/bg.jpg');

color:#333;

margin:0;

padding:0;

line-height: 135%;

}

a { color: #19479D; text-decoration: none; }

a:hover { text-decoration: none; color : #111; }

img{ border: none; padding: 6px; }

img a{border:none;}

ul { list-style-type: none; }

#page {

width: 1000px;

margin: 20px auto;

}

#header {

font-family: "Trebuchet MS";

height: 170px;

background: #19479D url('images/header.jpg') no-repeat;

}

#header h1 {

font-size: 33px;

font-weight: 100;

letter-spacing: -3px;

padding: 75px 0 0 70px;

}

#header h1 a {

color: #fff;

}

#header h1 a:hover {

color: #fff;

}

#header h2 {

letter-spacing: -1px;

color: #fff;

font-size: 19px;

font-weight: 100;

padding: 8px 0 0 70px;

}

#menu {

font-family:"Trebuchet MS", Arial, Sans-serif;

background: #19479D url('images/menu.jpg') no-repeat;

height: 30px;

line-height: 30px

}

#menu ul {

list-style-type: none;

margin: 0;

padding-left: 40px;

}

#menu ul li {

display: block;

float: left;

}

#menu ul li a {

display: block;

padding: 0 10px 0 10px;

text-decoration: none;

color: #111;

font-size: 13px;

text-transform: uppercase;

}

#menu ul li a:hover {

color: #111;

background: #f7f7f7 url('images/menuover.jpg') repeat-x;

}

#menubottom {

background: #19479D url('images/menubottom.jpg') no-repeat;

padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px

}

#wrapper {

background: #19479D url('images/content.jpg') repeat-y;; padding-left:30px; padding-right:20px; padding-top:0; padding-bottom:0

}

#content {

float: left;

width: 500px;

padding-top: 20px;

padding-bottom: 20px;

}

#sidebar {

float: right;

width: 220px;

padding-top: 10px;

}

#footer {

background: #19479D url('images/footer.jpg') no-repeat;

height: 90px;

line-height: 90px;

font-weight: 100;

font-size: 11px;

text-align: center;

color

}

#footer p { color: #fff; }

#footer a { color: #fff; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

h1 {

}

h2 {

}

h3 {

font-weight: 100;

margin-top: 7px;

}

h4 {

}

h5 {

}

h2 a:hover, h2 a:visited, h2 a {

}

.post {

text-align: justify;

background: #E0E9EF;

border: 1px solid #A7C8DF;

padding: 0 20px 20px 20px;

margin-bottom: 20px;

}

.post h2 {

font-weight: 100;

letter-spacing: -1px;

font-size: 23px;

margin: 0 0 4px; padding: 0 0 3px;

line-height: 30px;

text-align: left;

}

.post h2 a:hover { text-decoration: underline; }

.post h3 {

font-weight: 100;

letter-spacing: -1px;

font-size: 23px;

margin: 0 0 4px; padding: 0 0 3px;

line-height: 30px;

text-align: left;

}

.post h3 a:hover { text-decoration: underline; }

.post p {

padding: 5px;

}

.post a {

}

.post ul {

}

.post li {

}

.entry {

}

.entrytext .postmetadata {

clear: both;

background:#E0E9EF;

padding:6px;

margin-top: 16px;

margin-bottom: 5px;

font-size: 11px;

}

.postmetadata alt {

clear: both;

padding:6px;

margin-top: 16px;

margin-bottom: 5px;

font-size: 11px;

}

.postmetadata {

clear: both;

background:#E0E9EF;

padding:6px;

margin-top: 16px;

margin-bottom: 5px;

font-size: 11px;

}

.postmetadata a {

font-size: 11px;

}

.navigation {

float:left;

}

.alignleft {float:left; }

.alignright {float:right;}

.center {

}

.pagetitle {

}

blockquote{

border-left:1px solid #A5ABAB;

margin:15px;

padding:0 12px 0 12px;

}

cite {

font-family: arial, verdana, tahoma;

font-weight: bold;

font-style: normal;

}

cite a{color: #111; text-decoration: none;}

acronym, abbr {

}

#content h2 {

font-weight: 100;

letter-spacing: -1px;

font-size: 23px;

margin: 0 0 4px; padding: 0 0 3px;

color: #19479D;

text-align: left;

}

#content ul {

color: #555555;

padding: 10px 30px;

}

#content ul li {

list-style-type: square;

}

#sidebar img { padding: 0; margin: 0; }

#sidebar ul {

list-style-type: none;

}

#sidebar ul h2 {

background: #fff url('images/sidebarh2.jpg') no-repeat;

height: 50px;

line-height: 50px;

font-weight: 100;

letter-spacing: -1px;

font-size: 14px;

color: #fff;

text-transform: uppercase; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0

}

#sidebar ul li {

}

#sidebar ul ul {

padding: 5px 0 5px 20px;

}

#sidebar ul ul li {

background: url('images/bullet.jpg') no-repeat center left;

padding-left:22px; padding-right:0; padding-top:2px; padding-bottom:2px

}

#sidebar ul ul li a { font-size: 12px; }

#sidebar ul ul ul {

padding-left: 7px;

}

#sidebar p {

}

#sidebar a {

}

#sidebar a:hover {

}

#sidebar a:visited {

}

ol.commentlist {list-style-type: none;}

ol.commentlist li {

background: #fff;

margin:10px 0;

padding:5px 0 5px 10px;

}

ol.commentlist li.alt {background: #f3f3f3;}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; }

ol.commentlist a {color:#111;}

small.commentmetadata {

}

#comment{

width:75%;

min-width:300px;

}

#commentssection{

clear: both;

padding: 2px 12px;

margin: 0;

}

#commentform{

background: #E0E9EF;

margin: 12px 0;

padding:20px;

}

#commentform input {

border: 1px solid #000;

margin: 10px 0 0 0;

padding: 2px;

}

#commentform p{

color: #111;

}

#commentform textarea {

border: 1px solid #000;

background: #E0E9EF;

margin-top: 10px;

color: #333;

}

#commentform a{color: #111; text-decoration: none;}

#searchform {

padding-left: 10px;

}

#searchform input {

font-size:12px;padding:6px;

border: 1px solid #aaa;

}

#searchform #s {

}

#searchform input#searchsubmit{

margin-top: 5px;

border:0px none;color:#fff; background: #19479D;

width: 60px

}

/*-------------Calendar-----------------*/

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

.dateicon {

padding-left: 20px;

background: url('images/date.gif') no-repeat;

color: #111;

margin: 10px 0

}

.titleback {

margin-bottom: 10px;

margin-top: 20px;

}

.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}

.sticky_post {

background : #363636;

color: #fff;

padding: 10px 10px 20px 10px;

border: 1px solid #000;

}

.sticky_post .wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

color: #111;

}

.sticky_post a { color: #FF9D7F; }

.sticky_post a:hover { text-decoration: underline; }

.rss {

float:right;

margin:0;

padding:5px 40px 0 0;

}

.rss a {

background:url('images/rss.png') no-repeat;

width:20px;

height:20px;

display:block;

}

.rss a:hover {

background:url('images/rssover.png') no-repeat;

width:20px;

height:20px;

display:block;

}

Here's my header

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php wp_head(); ?>
<script language="JavaScript" src="http://www.getresponse.com/ModPopupWizard/DisplayPopupScript/760278/19786/">
//GetResponse popup code
</script>
</head>
<body>

<div id="page">

<div id="header">
<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>

<div id="menu">
<p class="rss"><a href="<?php echo get_option('home'); ?>/?feed=rss2"></a></p>
<ul>
<li class="<?php if (is_home()) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>" title="Home">Home</a></li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
</div>

<div id="menubottom"> </div>

Thank you so much for your help !

Cheers, Samuel.

#big #problem #stylecss #wordpress

pjCheviot Banned 17 years ago

Samuel

Personally (because you were happy to return to the original styles sheet etc) I would delete the "crazy blue" theme folder from your wp-content/themes folder on your site and then upload it again - either a fresh copy on your PC or use Add New Themes to find it.

It looks as though you may have copied the style sheet to the wrong place (unsure) - but adding the whole theme again should sort it.

And - although too late this time - always have a backup copy available (lots of plugins to do it)

HTH
- Thanks
{{ DiscussionBoard.errors[897804].message }}
radio 17 years ago

and if you copied it to the wrong place, save your wp-config.php file and consider just doing a fresh wordpress install to boot (backing up any plugins / themes / etc you want to keep).
- Thanks
{{ DiscussionBoard.errors[898497].message }}
houdy 17 years ago

I have seen that before when the style.css gets corrupt. The backup or even the original you have on your computer might also be corrupt by opening it in the wrong application.

Try uploading a fresh style.css file, really no need to wipe out the blog and start over in fact the issue will still be there if you don't fix the theme.
- Thanks
Signature

Jeff Houdyschell
WordPress Guides | WordPress Installation
Work At Home Business Blog | Proven Income Opportunities | Best Work At Home Jobs
{{ DiscussionBoard.errors[898854].message }}

CMartin

17 years ago

Originally Posted by cima

here's my problem : yesterday I was making some changes on my style.css file and in order to take back the changes I made, I put the original style.css back which in theory should have made the whole thing work all over again... But It didn't ! In fact, from this moment on, my blog wasn't displaying any design, there was some posts but no design or lay out or whatever !!

Here's my style.css

Code:

/*

Theme Name: Crazy blue

Theme URI: Samsung S630

Description: Simple WP theme

Author: s630.info

Author URI: s630.info

*/


{ <---- REMOVE THIS


*{margin:0; padding:0;}

You have an open curly bracket "{" without a closing one, so this might be the source of the problem. If removing that does not work, do what others have suggested: upload again the original files.

Carlos

Thanks

{{ DiscussionBoard.errors[898983].message }}

Big style.css Wordpress Problem

Trending Topics

Am i a couch potato ????

Is there a way to do article marketing these days that actually works?

Chuck Norris Has Died.

i appreciate all ya'll...

Wow, my War Room membership for 20 yrs is almost up..,