How can I add an annimated gif to a wp karma theme header? WordPress
I have an animated butterfly that I need to add to the header of the Wordpress Karma Theme. It won't work in the png logo/header that I've uploaded. So how can I add it to the whole website in the header of this theme?
Thanks,
Karen
Answers (7)
Manoj Raj answers:
You want to add it to the header alone?
How do you want it?
Do you want to repeat it all over the header? or do you want it centered with no-repeat?
Send me your url
I guess the following will work with default Karma theme..
Add the following to your CSS
.header-area { background: url("http://www.wpquestions.com/uploads/tma_Orange_go_up.gif_70489793_phpCRK2sn.gif") no-repeat center center transparent; }
karsheer comments:
Hi,
This works, however I want it on the left hand side of the header not the right.
Thanks,
Karen
Manoj Raj comments:
if yo want to add it to the left, add the following
.header-area { background: url("http://www.wpquestions.com/uploads/tma_Orange_go_up.gif_70489793_phpCRK2sn.gif") no-repeat left center transparent; }
if yo want to add it to the right, add the following
.header-area { background: url("http://www.wpquestions.com/uploads/tma_Orange_go_up.gif_70489793_phpCRK2sn.gif") no-repeat right center transparent; }
karsheer comments:
Hi,
It's appearing below the header.
Not working.
Karen
Manoj Raj comments:
Whats your height of the header area? i assume the default header-area in Karma wordpress theme
Try the following
.header-area { background: url("http://www.wpquestions.com/uploads/tma_Orange_go_up.gif_70489793_phpCRK2sn.gif") no-repeat left top transparent; }
karsheer comments:
That worked thanks for all your help.
Pali Madra answers:
For adding the image you will need to add code to the style.css and header.php.
If you can provide me the log-in details I can do it for you.
Another option is that I provide you with the code and you can manually replace the code yourself. I also wanted to know if there are any other modifications that you have made to the theme?
karsheer comments:
Hi,
I do have other modifications to the theme. I'll let your know if I need help.
Thanks,
karen