is this do-able with CSS or is it coding/part of theme?

  • Hi,

    On the website https://www.blog.2createawebsite.com there is an area outside the “container” filled with a background image. This background image is inserted using a class tag called body class=custom, which I’m sure I could duplicate using CSS but I don’t know how to leave a space outside a container in order to do this. Is that part of a theme someone is working with (if so, any ideas how I can find a theme that will allow me to do it), or is that space something I could create with any theme?

    answering this question will help me move onto selecting a theme to work with. Thanks if you know and can help

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

  • You should be able to do this with most any theme. It just requires that you declare the background image in the CSS for the body. The one you gave as example has this:

    body.custom {
    background: #8db6b6 url(‘images/www.jpg’) 50% 0 repeat;
    }

    But most themes will just need body tag alone (the .custom is because they are using a theme with lots of options in the dashboard that make it so you don’t have to edit the core theme files).

    Hope this helps.

    Thread Starter latestarter

    (@latestarter)

    Hi,
    Thanks, I know how to declare a body image

    My question was how to get the space available outside the container so there’s a place to put the image

    do you know how to do that?

    I’m not sure I understand exactly what you’re asking. Are you referring to the fact that the container doesn’t fill the entire screen and so you can see the background image?

    If that’s what you’re trying to do, you just need to give your container a width using CSS. for example:

    .container{width:960px;}

    The background image will display outside of the container. If that’s not what you were looking for, try to give a few more details and we’ll see what we can do.

    Thread Starter latestarter

    (@latestarter)

    that’s what I’m looking for thanks

    No problem!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘is this do-able with CSS or is it coding/part of theme?’ is closed to new replies.