Boxed layout with rotating background image
This support request was posted in General Support by onseekertech
- onseekertech March 22, 2013 at 5:12 pm
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 March 22, 2013 at 5:25 pmHello 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.onseekertech March 22, 2013 at 5:31 pmThank you!
than how can i add background image with this container?
Juanfra Aldasoro March 22, 2013 at 5:33 pmNo problem 🙂
Which container? or do you mean the page background?
Best,
Juan.onseekertech March 22, 2013 at 5:35 pmyes, 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 March 22, 2013 at 5:40 pmI 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.
onseekertech March 22, 2013 at 6:50 pmJuan,
I am trying to do full width background with boxed layout..
I wasn’t working with the code that you provided.
Please advise.
This topic is marked as resolved
Only the topic author can re-open this thread.