modify the default Wind theme
|
mosquito2012
Joined: 2012-11-09
Posts: 80 |
Posted: Mon, 2012-11-12 10:34
|
|
Hi All, I have managed to change the banner logo from a helpful post by FloriDave, but I needed to change a few things on the theme, any help would be appreciated. • Change the background colours My site is: Really appreicate the help. Rob. |
|
Posts: 1857
Add this to the bottom of your theme's screen.css file:
.g-view {background-color: #cecece;} #g-site-menu {left: 300px;}Posts: 80
hiya managed to figure that one out. any ideas on the bg image ?
Posts: 1857
What bg image are you talking about? And what are you trying to do with it?
Posts: 80
with the wind theme there is no image in the bg of the site, I wanted to add a BG image to it
Posts: 27300
just add it to the body tag of the css you are editing
body {background-image:url('paper.gif');}But it will be covered with the rest of the content. So you will have to add that to the other parts that you want it added to as well.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 80
Hiya Dave, thanks again for all your help, I can't seem to get this to work, I have tried removing the BG colour in the theme CSS file but not having much luck,
here is my current code in the wind theme CSS file
html {
background-color: #070707;
color: #929292;
margin:0;
padding:0;
}
body {
color: #070707;
background: url(../images/bg.jpg) no-repeat scroll center top;
font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
width: 100%;
}
I changed it to:
html {
background-color: #070707;
color: #929292;
margin:0;
padding:0;
}
body {
background-image: url(../images/bg.jpg) no-repeat scroll center top;
font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
width: 100%;
}
Posts: 1857
You added this to the body tag and told it not to repeat the image and to place it at the top in the center. The body is in the back of the page. Basically, the other parts of the page (the black banner and the gray section) are on top of the image; that's why you can't see it. Either move it to another section/div or take out the no-repeat.
Posts: 80
thanks tmpg, I will make the changes you mentioned and try use firebug to remove the grey section
Posts: 1857
We just put the gray section there (my first post in this thread).
Just do this:
.g-view {background-image: url(../images/bg.jpg);}If that's not exactly what you want (or it doesn't work for some reason, definitely try firebug, then report back.
Either way, firebug will be useful going forward; I expect other issues to arise when you do this.
Posts: 80
managed to get the Bg changed and starting to understand this CSS stuff
Posts: 1857
Glad it's working out for you.
Because of your other changes, you MAY want to try adding this too:
#g-content #g-album-grid .g-item {background-color: transparent} #g-content #g-album-grid .g-hover-item {background-color: #000}Posts: 80
cool will add these lines, thanks again for all your help.