Header slider not working properly.

[Fredrik HanssonMember]

Hi
I have followed the tutorial however. Ive made a slider demo that seem to work fine when inserted in a page however when using the advanced text widget inserting it in the header it comes out wrong
http://hybricon.se/word/
What can i be doing wrong?

In the attached link i have both slider in the page header and below the same slider in the page. Same link.

[Fredrik HanssonMember]

I think i found the reason but not the solution.
What should the PHP code look like in the Advanced text widget?

??

[Sushil AdhikariModerator]

should be this:

[widgetkit id=24]

[Fredrik HanssonMember]

Then this happens…
http://hybricon.se/word/

Look further down in the page for the same slider..

[Fredrik HanssonMember]

Ah.. it seem to work but its of centered. Padding works fine with an image but not with the slider.

[Sushil AdhikariModerator]

What happens if you put it into the Showcase widget position instead of the banner one?

[Fredrik HanssonMember]

Please advise. I can not get the slider to center align. It still place itself to the left and it seem to be enlarged. Photos in the slider are 1170×340. I have removed the “alllignnone” part in the code for the image in the slider.
If I choose to enter an image the header instead it places itself centered.
What can i have missed out on regarding the slider? I have followed every step in the instructions.

http://www.hybricon.se/word

[Sushil AdhikariModerator]

I think I found the issue and a possible solution…if this works for you then I will make it part of the next update.
Open the theme’s style.css and go to around line 870

img {
display: block;
max-width: 100%;
width: auto;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

Change this:

display: block;

to:

display: inline-block

Then in the style.css around line 170

#banner-wrapper {
padding: 6px 0 0;
}

Add:

text-align: center;

I just tried this with a static image but not a slider, but we will see if it works on a slider as well. If not, we’re in the right direction and I will keep at it until it does get centered.

[Fredrik HanssonMember]

Thanks you.
Sorry but I had to make the page work and have rough demo by yesterday evening. I had to change theme.
I cannot change back now , I have passes point of no return. However thanks for the reply and I hope that you implement it for further use if needed.
Fredrik

[Annick KrosseMember]

Does the encounter slide show also work in preference?
Or what I would like to know is can I use it in this theme?

[Sushil AdhikariModerator]

@Annick….the Encounters and Preference demo sites (front page) are using the same slideshow. The only difference is the styling for it, but yes, it does, hence the live demo sites 🙂

Encounters: http://demo.styledthemes.com/encounters/
Preference: http://demo.styledthemes.com/preference/

[Author]

Posts