• Resolved undan

    (@undan)


    Hello,

    Seems that the slider is acting strange. On the home page, there is a big empty space on the slider between image slider with title and the description text. Please see the attached image: [URL=https://imageshack.com/i/16gwbyj][IMG]https://imagizer.imageshack.us/v2/800x600q90/42/gwby.jpg[/IMG][/URL]

    or take a look at my website: https://www.eclicuri.ro

    Thanks in advance

Viewing 7 replies - 1 through 7 (of 7 total)
  • Put this on your CSS file:

    .flexslider h2 {
    margin-bottom: 0;
    }

    Also you can remove this code in style.css file
    line number 829

    .post-title
    {
    margin-bottom:10px
    }

    Thread Starter undan

    (@undan)

    I put the first code and works.

    Thanks alot guys !!!

    No problem.

    FYI, do not edit the .post-title. This class is used in other places (like the title of all your pages). You only want to modify the slider area.

    Thread Starter undan

    (@undan)

    I dit that. I copied the code you gave me and past it in child theme, and worked fine ??

    Thread Starter undan

    (@undan)

    Seems that the probleme is still there. I mean, I saw that for some time the problem was fixed but know, just 10min ago when I logged out from my admin panel, the issue appeared again.

    Please take a look at my style.css code:

    *  Flexslider
    /* ------------------------------------------------------------------------- */
    
    /*  flexslider : resets
    /* ------------------------------------ */
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus  { outline: none; }
    .slides,
    .flex-control-nav,
    .flex-direction-nav { margin: 0; padding: 0; list-style: none; } 
    
    /*  flexslider : necessary styles
    /* ------------------------------------ */
    .flexslider { margin: 0; padding: 0; }
    .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img { width: 100%; height: auto; display: block; margin: 0 auto; }
    .flex-pauseplay span { text-transform: capitalize; }
    .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    html { -webkit-font-smoothing: antialiased; /* safari font rendering issue fix */ }
    html[xmlns] .slides { display: block; }
    * html .slides { height: 1%;}
    .no-js .slides > li:first-child { display: block; }
    
    /*  flexslider : default theme
    /* ------------------------------------ */
    .flexslider { margin: 0 0 60px; position: relative; zoom: 1; }
    .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
    .loading .flex-viewport { max-height: 300px; }
    .flexslider .slides { zoom: 1; }
    .flexslider .slides > li { position: relative; }
    .carousel li { margin-right: 5px; }

    Where should I put the text you provide ?

    Thread Starter undan

    (@undan)

    Looks like “MAX banner ads” is messing with the slider:

    https://imageshack.com/a/img208/646/o2i3.jpg

    I’ve deleted the plugin and now works fine.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Slider issues’ is closed to new replies.