Fluid Background on Twenty Ten

  • Resolved pedro-tejada

    (@pedro-tejada)


    13 years, 10 months ago

    Hi!

    I’m making a child theme of Twenty Ten for a friend. We have a picture that must be the background image, but I want it to fill the entire browser area, not only the square that it does right now!

    If possible I would also enjoy to have the current image size as the minimum size! I mean, the user cannot resize it on the browser to make it smaller than the image!

    The address is: https://motoledo.com.br

    I Appreciate any kind of help!

    Thanks a lot,
    Pedro!

Viewing 5 replies - 1 through 5 (of 5 total)

  • I get the impression there might be more than one way to do it.

    “how to” full screen background image

    Thread Starter pedro-tejada

    (@pedro-tejada)

    I’ve googled it and found some code snippets, like that one:

    {
    background: url(https://motoledo.com.br/wp-content/uploads/2011/01/BG1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    I just don’t know how and where to place it… It seems that TwentyTen custom background system mess it up :/… At least make harder for me to find the right place for the code!

    The twentyten theme isn’t the issue. What you are trying to achieve is a resizing effect of a background image in a web page.

    The type of code you pasted above is usually found in the theme style sheet. “style.css”

    Thread Starter pedro-tejada

    (@pedro-tejada)

    Hi!

    I know in which file to insert it… It a child theme… I’ve tried it onto #html and #body on my CSS… With the address of my picture (hosted on my WP), but I just can’t make it work…

    Thread Starter pedro-tejada

    (@pedro-tejada)

    Solved! The code I posted worked perfectly… I just applied it to the body through my CSS and worked out… Seems to be that some old coding I did on the CSS regarding body width was the problem!

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Fluid Background on Twenty Ten’ is closed to new replies.