Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Make Transparency in header image but not in body


  #1  
Old Jan 8, 2014, 02:06 PM
hbocajr
 
5 posts · Jan 2014
Hello. I'm trying to have some transparency in my header image (a .png) but my white body shows behind it. I take away the white but then the rest of the body, and also the area behind the menu, is transparent. Is there a way to have only the area behind the header transparent? Thanks for any help....
  #2  
Old Jan 8, 2014, 02:18 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what's the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 8, 2014, 08:44 PM
hbocajr
 
5 posts · Jan 2014
http://anthroposophie-methodologie.org/
- thanks!
It's just the two cut off corners at the top.
  #4  
Old Jan 9, 2014, 10:32 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If I understand what you want, try adding this to the CSS Inserts
HTML Code:
div#container {background-color: none;}
tr#bodyrow {
    background-color: #ffffff;
}
div#bfa_page_menu {
    background-color: #ffffff;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 9, 2014, 10:48 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Also I noticed your site loading slowly and looked at your background and header images. They are HUGE and should be optimized for web.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Jan 9, 2014, 12:50 PM
hbocajr
 
5 posts · Jan 2014
Wow. That worked like a charm. Thanks so much!
and thanks for the tip about the file size. I'll work on that.

One more question.
How would I do something similar to the footer? Is it even possible? Can i make the footer body transparent and add a custom white image to the footer with similar "artsy" angles?

Again, thanks so much. Ahatualpa FTW!
  #7  
Old Jan 9, 2014, 03:01 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
This is where you need to dig into tools like the firebug extension in firefox and play a little.
And take a CSS tutorial if your not proficent with css.

examine what I showed you and see if you can duplicate it or do something similar in the footer
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Jan 9, 2014, 04:00 PM
hbocajr
 
5 posts · Jan 2014
Yeah, I basically know nothing about css. I'm very new to all this and it's all a bit trial and error.
It's clear to me how to make the footer transparent. I just have no clue how to insert a custom image for it's background. If you, Juggledad, or anyone is willing to indicate this, I'd be most grateful.
Thanks again for your help thus far!
  #9  
Old Jan 9, 2014, 04:04 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
CSS is mae up of two parts, the selector and the rules. You could use 'td#footer' for the selector and now all you have to do is figure out the css rule for a background image (google css background image and look at the w3schools site) Then play with it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jan 9, 2014 at 07:04 PM.
  #10  
Old Jan 9, 2014, 05:17 PM
hbocajr
 
5 posts · Jan 2014
td#footer {
background-image: url(/wp-content/themes/atahualpa/images/Mfooter.png);
}

Juggledad, Thank you! And thanks for giving me just enough tips to help me figure it out without just telling me. That's what a real educator does. You just opened me up to css! I'm still working on the image but the above code works! Brilliant! Thanks

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Adjusting the div#wrapper to adjust body transparency (need text to show up 100%) mrjak01 Atahualpa 3 Wordpress theme 1 Feb 21, 2012 02:20 PM
[SOLVED] Moved Menu Bar to Header Image - Space persists between header and body LA's FINE Header configuration & styling 10 Jun 2, 2011 06:51 PM
Can I make the logo image overlaid on the header image? essdeeay Header configuration & styling 1 Jun 16, 2010 05:23 PM
Page background image and transparency of body & sidebars AndrewRH Forum How-To 1 Apr 12, 2010 09:47 AM


All times are GMT -6. The time now is 05:21 PM.


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