Hi. Not sure if anyone here uses blogger, but I'm hoping someone can help me.
I created a design for the background of my blog. I have it set to don't tile and no scrolling with page and it looks fine on my computer screen. However, looking at it on my laptop, which is a smaller screen, the bottom of the background is cut off which looks stupid.
What can I do to make it resize the background/display the background correctly for various screen sizes?
There is a section that says Add CSS and it says it'll overwrite other settings and after searching a while all I can find is one code for this problem.
So I've tried adding this code to the Add CSS (obviously using the correct url):
background: url(mybackgroundurl) no-repeat center center fixed !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
However, it still doesn't show up correctly on my laptop screen, it still looks the same. All it has done really is put the previous settings into a code I can see. I've looked through the help topics, but that code is all I can find and it doesn't work.
Does anyone know of any other CSS that may work or any other settings I can try?