Header slider not working properly.

Home Forums WordPress Themes – Premium Preference Header slider not working properly.

This topic contains 10 replies, has 22 voices, and was last updated by  Fredrik Hansson 5 years, 8 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #14514

    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.

    #18877

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

    ??

    #18878

    Sushil Adhikari
    Moderator

    should be this:

    [widgetkit id=24]

    #18879

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

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

    #18880

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

    #18881

    Sushil Adhikari
    Moderator

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

    #18886

    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

    #18889

    Sushil Adhikari
    Moderator

    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.

    #18899

    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

    #18938

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

    #14515

    Sushil Adhikari
    Moderator

    @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/

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.