Posted 4 months ago #
Hello,
I am in panic mode right about now. I have a theme that I ave just spent 3 days customizing and working on and after I had it all setup, i upgraded my wordpress site. Now that I have done that my background (which was teal) is missing and just showing white. I have gone into the background section of the theme and added the color but it is still not showing up.
Any idea on what i need to do to get this corrected? I am panicking right about now!
The site is fashionistastyles . com
Posted 4 months ago #
You are including a file called style-white.css that is overriding the background colour.
/peter
Posted 4 months ago #
You should use a web debugger like Safari Web Inspector or Firefox Firebug plugin to debug this sort of thing.
/peter
Posted 4 months ago #
Hi Peter,
Where would i find that file and what will i need to do to make sure that it is not messing with the colors?
I will look for the firefox plugin, but i have NO clue what that means. sorry
Posted 4 months ago #
These lines are in your html
<link rel="stylesheet" href="http://fashionistastyles.com/wp-content/themes/starblog/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://fashionistastyles.com/wp-content/themes/starblog/css/style-White.css" type="text/css" media="screen" />So I suspect the style-White is being inserted by a theme customization option in the Admin or by some code in the header.php file.
for Firebug check out http://getfirebug.com/ or just use Safari.
/peter
Posted 4 months ago #
yes, the theme has an option for different colors and i did choose white, but there is a section where you can change the background color.
Do you know where in the editor section i can go in and change the color?
Posted 4 months ago #
also, i did download the plugin and i see it working but i am not sure what i am looking at.
Posted 4 months ago #
You can use firebug to see what styles are being applied and where they are being loaded from. The 'arrow in a box' icon turns on the ability to examine an element on the screen and examine its code and css. The firebug windows then show you the html and css for the element you selected. The tab that says "computed" shows you the effective css.
I find Safari's Web Inspector easier to use, but then I use a Mac.
I don't know anything about the Premium Themes, you would need to contact their support for that.
/peter
Posted 4 months ago #
Look at your source code and the review this:
<body class="class=" custom-background??="" blog="" home="">
Posted 4 months ago #
Its not any classes or specificity problem. There are two style sheets that both set the styles for body. The second one included sets it to White, the foist one sets it to teal.
Posted 4 months ago #
Actually that is how it appreared in the inspector, the generated html is:
<body class="class="home blog custom-background"">
Posted 4 months ago #
you body call is malformed.
Posted 4 months ago #
The messed up class could be preventing another style from being applied. Then the question is why was their class messed up by a wp upgrade?
Posted 4 months ago #
Under stylesheet, here is what it says:
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #ccc url('images/bg-main.png') repeat-x 0 0;
Considering i would like the color 33CCCC
what and where would I place it? I am so sorry but i have no idea how to use code. I used this theme because it allowed me to change the color and it was fine until i upgraded my wordpress....is there any way to get the old wordpress by chance?
Posted 4 months ago #
Incompatible custom code?
Quite a bit going on in the head.
Posted 4 months ago #
If you paid for that theme you should ask for an upgrade to a recent version of WP.
/peter
Posted 4 months ago #
it is a free theme and there is not any support.
Posted 4 months ago #
Did you verify that the file is on the server/ folder is accessible etc.?
Posted 4 months ago #
I am not sure there is supposed to be a file. The theme was working just fine until the upgrade.
I am not sure what is supposed to be in bg-main.png
Posted 4 months ago #
That would be the background image file that is missing. Ask your host if they can restore that file and any others that where in the folder /images for your site.
Posted 4 months ago #
ok let me see if that works.
thanks
Posted 4 months ago #
bg-main is still there
Posted 4 months ago #
That seems odd as the link I provided above should display this file and it does not.
Posted 4 months ago #
I have contacted my hosting company and they cant do anything since i did not backup my files.
I have changed this:
old:
body {
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #ccc url('images/bg-main.png') repeat-x 0 0;
}
to
new:
body {
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #41f099 url('images/bg-main.png') repeat-x 0 0;
}
Nothing is happening
Posted 4 months ago #
Unless you have the file in place on the server there is no reason to call it in CSS...always backup up site before edit/update, etc...
Posted 4 months ago #
bg-main.png was already being displayed correctly. The correct path to the image is //fashionistastyles.com/wp-content/themes/starblog/images/bg-main.png rather than //fashionistastyles.com/images/bg-main.png
Posted 4 months ago #
Yes it is definitely a lesson learned....no if i can just get the color: #41f099 on my site!
Idk how this stuff works but this is a mess!
Posted 4 months ago #
Ah! So then use:
body {
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #41f099 url('wp-content/themes/starblog/images/bg-main.png') repeat-x 0 0;
}
Posted 4 months ago #
Looks like you are using the white style. Try opening /wp-content/themes/starblog/css/style-White.css and changing the background color from #FFFFFF to #41f099 , and see if that has any effect on it. That's just a guess, mind you.
Posted 4 months ago #
ok i just got some help and i went in and change the code within te style-white.css file
thank you guys for trying to help.
I am SOOO glad this worked!
You must log in to post.
