Hey guy, look id like to center a picture below the main topic box (categories) and next to the side bar... kknow what i mean? righ below those lil lines that say Powered and Hosted by Lefora, create a free forum, etc, im not the best with HTML but my main problem is that i have no idea of how to do it with that CSS thing. Id really appreciate any help. Btw im usint this theme too.
Set a Picture
You can achive something along those lines with the css section of the admin panel theme page. As long as you have the image you want uploaded somewhere, then the css you need to paste in there is bellow.
#footer {
background-position:center 24px;
background-repeat:no-repeat;
overflow:hidden;
padding-bottom:200px;
background-image:url(http://you.img.url/here.jpg);
}
Those last two you will have to change yourself:
padding-bottom:200px; <-- Change 200 to the height of your image in pixels (leave the px it is important)
background-image:url(http://you.img.url/here.jpg); <-- put the url to the image you want inside the url() brackets.
Also the image you use should be no wider than 710 pixels or it will run into the side bar and look messy.
Hope this helps.
Sorry to grumble - and this code was useful but there's a typo in it that stops it working unless you correct it:
#footer {
background-position:center:24px; <----- need a colon here!
background-repeat:no-repeat;
overflow:hidden;
padding-bottom:200px;
background-image:url(http://../here.jp);
}
Pinkers
That colon makes that whole line invalid, so has the same effect as deleting the 'background-position' line - which is what you should do if you need it.
The original code is correct but it depends on the exact combination of theme and image as to what position is needed if any.
Its probably best to adjust the 24 value to whatever you like to position your image verticaly.
So your fix is ok, but its not the best way to do it, that colon is not valid css - change the numbers or delete the line instead.
Is there a wqay to make a picture on the headline of the Main Page? sorta like a logo or something? Thanks for the help in advance.
Hi Cookie,
I tried adjusting the value to position the image vertically and got continual complaints that the CSS code was invalid. Hence I inserted the colon before the value and it worked, so I'm a bit mistyfied. I will happily admit that my knowledge of CSS (apart from the band of the same name who are kooky and cool) is very limited. I'll try deleting the line to see what happens. As you say it is probably an interaction with the theme and image. (Actually I have no idea if that is true but I'm willing to accept you know much more than me on this! - based on how ignorant I know I am).
Thanks for the feedback!
Pinkers.
Locked Topic
You must be a member to post in this forum