Boxed layout with rotating background image

This support request was posted in General Support by onseekertech

Request ID #1189 Resolved
  • Hello, Juan

    First of all, thank you for offering us such a great theme!!

    I would like to have boxed layout with rotating background image.
    Do you think you can help me with that?

    I have following css for now;
    body { background: url(http://temporary.blackwalnutcafe.com/wp-content/uploads/2013/03/bg1.png); }
    #top, #container{ background: #fff; padding: 10px 40px 10px 40px;}

    but it separates top header section and body section and doesn’t look even..

    Juanfra Aldasoro

    Hello there,

    Thanks for your kind words 🙂

    I’m aware that for a rotating background image you’ll need additional coding.

    With regards to the boxed layout you can fix your site with the following css:

    body #container,
    body.page-template-template-home-php #container{ margin: 0 auto !important; }
    #header #top { padding: 30px !important; }
    

    Best,
    Juan.

    Thank you!

    than how can i add background image with this container?

    Juanfra Aldasoro

    No problem 🙂

    Which container? or do you mean the page background?

    Best,
    Juan.

    yes, page background.

    or. I have this code #top, #container {
    background-color:#ffffff;
    padding:1px; /* can’t be zero */
    margin:0;
    }

    footer {
    margin: 1px 0;
    }

    body {
    width:960px;
    margin:0 auto;
    background: url(http://temporary.blackwalnutcafe.com/wp-content/uploads/2013/03/bg1.png);
    padding:0;
    }

    but don’t know how to add padding on each side. (left/right).

    It looks cut off..

    Please advise~ Thank you!

    Juanfra Aldasoro

    I don’t know what you’re exactly looking for. I wouldn’t recommend you to put a width to the body class.

    Instead I would use the #wrapper id.

    #wrapper{ width: 960px !important; margin: 0 auto !important; padding: 0 20px !important;}
    

    Please, have in mind that with this kind of modifications you can break the site look on mobile devices.

    Juan.

    Juan,

    I am trying to do full width background with boxed layout..

    I wasn’t working with the code that you provided.

    Please advise.

    nevermind. i got it! Thank you!!

    Juanfra Aldasoro

    Awesome 🙂

    Have a nice day,
    Juan.

Viewing 9 posts - 1 through 9 (of 9 total)

This topic is marked as resolved

Only the topic author can re-open this thread.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server