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 »

Problem rotating & fading header images and overlay header image


  #1  
Old Aug 6, 2012, 06:45 AM
SiaRa
 
19 posts · Aug 2012
Netherlands
I have 3 images that I use as header images and they are positioned at top left.
I used the Overlay Header Image to put our logo over the header image and let it float:right.

Now, I would like to let the 3 images rotate and also let them use the fade in/out.
So, I put the rotate time to 5 seconds and the face in/out to 2 seconds.

Result: the logo is gone; the images do rotate, but the first image keeps kinda hovering in the background, meaning that while the second image is visible, you can still lightly see the first image behind it as if the second image is somehow a little transparent.

If I remove the fade in/out the logo returns, but in FF there is no rotating anymore (there is in IE).

I have just started using Atahualpa and I'm kinda at a loss now as to what to do.

Can someone please help me out?

If explained well, I can adjust php code if necessary, though I'm no expert at it.
  #2  
Old Aug 6, 2012, 08:05 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
see the FAQ How To: keep a logo or text over the header image when using fade in/out
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 7, 2012, 01:54 AM
SiaRa
 
19 posts · Aug 2012
Netherlands
Thank you Juggledad.
I have put in the code you explained, but it is not working.
The logo is still not visible and the header images keep appearing over each other.
This is my div:

<div class="my_codeoverlay"><img src="http://mydomain.com/wp-content/themes/atahualpa/images/logo.png" /></div>

in which I have changed "mydomain" into our domain.
The CSS insert I have inserted literally as you said in the other thread.
  #4  
Old Aug 7, 2012, 04:51 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what version of atahualpa and WP?
what is teh url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Aug 7, 2012, 05:30 AM
SiaRa
 
19 posts · Aug 2012
Netherlands
WP version 3.4.1
AT version 3.7.7

Link: http://www.marktmonitor.com/wordpress/
  #6  
Old Aug 7, 2012, 06:11 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go back and read and follow the instructions in the thread I pointed you to
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Aug 7, 2012, 07:41 AM
SiaRa
 
19 posts · Aug 2012
Netherlands
I did follow the instructions, but I saw I missed a folder in the address of my logo, so the logo is showing now.
I also played with the values to get it in the right spot, but I run into a new problem here.
Our logo should be aligned on the right. I know I can play with the amount of pixels to shove it to the right, but when it shows correctly on my screen, doesn't mean it shows correctly on another screen.
So is there a way to make the logo align to the right side of the website?
I tried changing 'absolute' to 'right' and also tried to change 'left' into 'right', but you probably already know that that doesn't work.
I've now put in a percentage after 'left' instead of a fixed amount of pixels, but that also isn't the solution I'm looking for.
Is there a way to fix this?

Last edited by SiaRa; Aug 7, 2012 at 07:50 AM.
  #8  
Old Aug 7, 2012, 12:24 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
This is a prime example of why you should learn to use the FireBug extension in FireFox - so you can see teh CSS and change it and see the results on the fly. It should take you a very short time to figure out what CSS to use this way.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Aug 7, 2012, 12:29 PM
SiaRa
 
19 posts · Aug 2012
Netherlands
ok, I will look into it when I'm back at work again.

Meanwhile I still have the problem of the different images in the header that shine through each other.
I'm guessing that's not a CSS problem.
You can see that the trees on the right of the one image shine through on the next; or the puzzle pieces shine through on the other image.
How can I fix that problem?
  #10  
Old Aug 7, 2012, 12:37 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
make all your images at least as wide and high as you define yout page width and image height
__________________
"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
rotating header image not working after images/header folder delete cpickeri Header configuration & styling 7 Oct 12, 2011 05:03 AM
Is It Possible To Have Fading Header Images With Image Overlay? robobobo Header configuration & styling 2 Mar 19, 2011 01:15 PM
How to create fading and rotating header images on atahualpa345. sohel2020 Header configuration & styling 2 Oct 13, 2010 10:43 AM
Speeding up fading in the old rotating header code cfibanez Header configuration & styling 2 Aug 6, 2010 11:11 AM


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


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