Image rotator in the header
-
Admin
Try using the Cimy Header Image Rotator, or any other slideshow plugin like Meteor Slides. Then, position those rotating images into the header by using one of Graphene’s action hook widget areas. You’ll need to add some CSS to position it exactly.
Wowww! Thanks, Syahir!
It is great!
This is where I use it:
(User name is “Nagy”, Password is “Gery” – as it is juts being created…)
May I have some further questions?
– I would like to remove the normal header image… and just have this rotator. How do I do this?
– Your header image is so niceliy styled and fits in the design. How can this rotator be displayed the same wondeful way?
Thanks a lot!
(I am giving a new donation to you, as I did it already earlier!)
Greetings,
Tamás from Hungary, Budapest
Try using the
graphene_headeraction hook widget area. The rotating image will then be placed inside the header area.To remove the theme’s header image, add this to Custom CSS or child theme’s stylesheet:
.header-img {
display: none;
}Syahir! This is just amazing!
I love it!
I have put the rotator into the graphene_header action hook widget area – as you have suggested! And have put the CSS, as well…
GREAT!
It is nearly ready. 🙂
However, one thing… the corners… they were nicely rounded in the header image… How may it be with the rotated images, as well… These nice round corners… 🙂
Thanks again and again!
Tamás
#cimy_div_id_0 {
margin: 0 !important;
}
#container {
margin-top: 30px;
}Graphene header does not have rounded corners. Do you mean the green curves inside your rotating header images?
Inside youre code in text widget there is a CSS code. Try to adjust it to your needs, for example:
#cimy_div_id_0 {
border: 0 solid #000000;
border-radius: 10px 10px 10px 10px;
float: left;
height: 350px;
margin: 5px 0 5px 5px;
width: 950px;
}Although, border-radius property is not supported in IE8.
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
