Changing background « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Display

Changing background

14 posts from 7 voices

Started 2 years ago by ikomorin
Latest reply from Devin
This topic is closed
This topic is not a support question

Tags:

ikomorin
Member

Hi!

I want to ad a background where there is a dark color (header and footer), http://www.mjukglassen.se. Where should I do it and what size on the images should I use? Very easy but I cant seem to find it!

Posted 2 years ago #
James Morrison
Former Team Member
Hey,

The header background is controlled by this code in css/style1.css (line 8):
```
.wrapper {
    background: url("../images/skin1/bg.png") repeat-x scroll left top #FFFFFF;
}
```
The footer background is controlled by this code in css/style1.css (line 16):
```
#footerwrap, #subpage #footerwrap {
    background: #222222;
}
```
Just change the 2 as necessary, or let us know what you need to put here if you need help.

James
Posted 2 years ago #
Innovationspartner
Member

I need to change the color of the grey top and bottom areas, but I cannot find the codes you mention above.

I just have a style.css, not a css/style1.css - does this have somthing to do with it?

Thank you

Posted 2 years ago #
Innovationspartner
Member

Here is my page: http://innovationspartner.dk/

I need to make the two areas black.

Posted 2 years ago #
Dude
Dude

Hey,
please use a ftp software (like filezilla) and navigate to wp-content/themes/display folder. It contains another folder called "css". There you can find style1.css. Download it, edit it and upload it again.

Posted 2 years ago #
Innovationspartner
Member

I just downloaded style1.css with Simple CSS - changed the color for the wrapper:

body {
background-color: #222;
color: #777;
}

.wrapper {
background-color: #fff;
background-image: url(../images/skin1/bg.png);
background-position: top;
background-repeat: repeat-y;

But when I changed the color back to the original (because it didn't look the way I wanted), the whole page background was white and the skins "Light" and "Minimal" are messed up: http://innovationspartner.dk/

Please help me? The file should be exactly like the original now, but something went wrong. Can I get the original style1.css file somewhere? I didn't save a back-up copy, because I was sure that I could just change it back the way it was.

Thank you again

Posted 2 years ago #
Innovationspartner
Member

I edited style1.css with Simple CSS - not downloaded of course.

Hope that you can help me

Posted 2 years ago #
Dude
Dude
Hey,
you can download the original style1.css here: http://www.kriesi.at/demos/display/wp-content/themes/display/css/style1.css

As far as I can see your wrapper code is missing a bracket. It should look like:
```
.wrapper {
background-color: #fff;
background-image: url(../images/skin1/bg.png);
background-position: top;
background-repeat: repeat-y;
}
```
Posted 2 years ago #
Innovationspartner
Member

I uploaded the original file and it went back to normal - however, when I try to change the color of e.g. the text in the menu there seems to go something wrong behind the slider.

Please check out the "box" behind the slider: http://innovationspartner.dk/

All I did was to change the text color in the menu (.nav li a)

Posted 2 years ago #
Dude
Dude

Do you refer to the grey background? The shadow box looks ok for me. I'm not sure if SimpleCSS messes around so I'd try to change the file offline. Use cpanel or a software like filezilla to download style1.css (located in the folder css).Download it, modify it and upload it again. At the moment your website looks like the demo here: http://www.kriesi.at/demos/display/minimal/ so I'm not sure what doesn't display correct.

Posted 2 years ago #
robinsonsampa
Member

Hi, I want to change the color and picture background of just 3 pages, not the entire theme.
I saw the tip about change custom.css using the page id but can't find it on Display theme.

I tried to change the style.css and style3.css but the gray color of theme is still covering the new color.

Can you help me plz?

Posted 1 year ago #
Dude
Dude

I'd use plugins like: http://wordpress.org/extend/plugins/css-javascript-toolbox/ to include your custom css code on these pages :)

Posted 1 year ago #
h_denisa
Member

Hello. I can 't seem to find style1.css in my folders. Is there any other way I can change the colour of the Corona header and footer without it? Please help.

Posted 5 months ago #
Devin
Moderator
Hi h_denisa,

This is for the Display theme and not for the Corona theme. For Corona, the main header background is done with an image depending on your skin. If you wanted to change that, you can change out that image. So for the minimal skin, it would be the image in images>skin-minimal>bg-header.png inside your theme files.

For the footer, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#footer {
background: #222;
}
```
If you have any other questions, just make a new topic in the Corona Forum here: http://www.kriesi.at/support/forum/corona

Regards,

Devin
Posted 5 months ago #