How to display animated images over header image

  • Resolved aki128

    (@aki128)


    6 years, 3 months ago

    Hi,

    Thanks for this plugin.

    I’m animating two animated GIFs by moving them from left to right and opposite. But when I place them to area of the horizontal position of my header image (I’m using Twenty Eleven theme), they are hiding behind the header image, instead of being in the foreground. Is there any way how to make the animated objects in the foreground of header image, for example in the Quick CSS box?

    Thanks, Aki

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter aki128

    (@aki128)

    I found a solution for this. There’s a Z-Index value in the plugin Element properties which is set to 1 by default. However, Twenty Eleven theme uses its own Z-Index value 9999 for the header image, so it’s needed to change this in the custom CSS.

    Go to the Appearance -> Customize and click on Additionnal CSS option. Then insert this line:

    #branding {
	z-index: 1;
}

    And click Publish. The animations from the WordPress Animator should be in the foreground of the header image now.

Viewing 1 replies (of 1 total)
  • The topic ‘How to display animated images over header image’ is closed to new replies.