Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

Making background image show through under header and above footer?


  #1  
Old Feb 26, 2015, 03:17 AM
moomum
 
164 posts · Aug 2010
I've just started to work on http://www.textileinteriors.co.uk/
She has a lovely background image that I'd like to show through under the header area and below the footer probably around 20px deep. I thought I could style bar1 and bar2 and use border: transparent; but that doesn't work.
Any clues much appreciated!
  #2  
Old Feb 26, 2015, 03:52 AM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try this
ato->Style & configure LAYOUT->Layout Container Style
remove the background statement and the padding and change the border to
HTML Code:
border: 20px solid #ffffff;
go to ATO->Add HTML/CSS Inserts->CSS Inserts and add
HTML Code:
tr#bodyrow {background-color: #00ffff;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 26, 2015, 04:09 AM
moomum
 
164 posts · Aug 2010
ohh, brilliant! it only sort of worked but it gave me loads to work on which is great because I'm working on my css.
I set border to none because I don't want sides to it and I set the colour of the td to white.
I've got this in Style and Edit Header Area
<div style="width:100%;background-color:#ffffff;">%image</div> %bar1 <div style="width:100%;background-color:#ffffff;">%cat-center</div> %bar2

I'm not sure what the bars are doing but I can deal with that later.

Can I get that to work to separate out the footer as well - and probably later on to divide the sidebar out from the center area (when I put a sidebar in!)
  #4  
Old Feb 26, 2015, 05:31 AM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you should change the
HTML Code:
<div style="width:100%;background-color:#ffffff;">%image</div> %bar1 <div style="width:100%;background-color:#ffffff;">%cat-center</div> %bar2
to
HTML Code:
<div class="my-hdr-style">%image</div> %bar1 <divclass="my-hdr-style">%cat-center</div> %bar2
then add into the CSS Inserts
HTML Code:
.my-hdr-style {width:100%;background-color:#ffffff;}
easier to maintain/override in the future.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Header Image and background does not show on my Welcome and About Us page bweddin1 Header configuration & styling 4 May 26, 2013 04:52 PM
[SOLVED] Footer widgets and full-width footer background image problem Viktoria Sidebars & Widgets 4 Dec 2, 2012 02:06 PM
Better method of making a rollover image header. Dapizz Header configuration & styling 2 Mar 17, 2012 02:22 PM
May header and background image not show up! Please help.. JOY Header configuration & styling 3 Sep 24, 2009 03:30 AM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 05:03 AM


All times are GMT -6. The time now is 08:40 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.