|
Transparent Bliss Background Center 3 Years, 9 Months ago
|
Karma: 0
|
|
Again I'll point out that I'm new and know nothing. That being said, I can't figure out how to center the background image that Transparent Bliss uses. As long as I'm under or at the resolution of the picture I'm fine, but on a system with a better resolution the image is all the way to the left and the rest of the site is just black. Any help? Sorry if this is a ridiculous question... Thanks!
|
|
|
|
|
|
|
Re:Transparent Bliss Background Center 3 Years, 9 Months ago
|
Karma: 0
|
|
i am sure there is code existing to stretch the bg image to fit the browser but that will look ugly most times i think.
another way is to use a bigger picture than the one in the folder they have 1440*892 if you take a pic that has a width of 3000 it should be fit all resolutions but my looks ugly on small screens
the best way in my eyes is to manipulate the picture that it will fit to the background color which is defined in template.css
does anyone knows if i can use vector graphics as background so they will scale without loss?
|
|
|
|
|
|
|
Re:Transparent Bliss Background Center 3 Years, 9 Months ago
|
Karma: 0
|
|
Yeah, stretching the image usually doesn't work well. I've already blended the sides of my image into the background color, but still can't figure out how to center the background image. If the background image was centered, it would fit perfectly behind the text of the site, or merely take up the whole background. I don't really want to make the image any bigger than it already is - so 3000 isn't really an option. Any ideas? Thanks!
|
|
|
|
|
|
|
Re:Transparent Bliss Background Center 3 Years, 8 Months ago
|
Karma: 41
|
|
You can center the image using CSS.
You'll need to open the CSS style sheet for the image slot you are targeting - we've named them 1, 2, 3, etc
There are only a few lines of CSS for each but you can specify background positioning fairly easily - you can add for example:
background-position:center;
but you can also do things like:
background-position:top right;
Have fun!
|
|
|
|
|
|
|