Grey gradient bar

  • Resolved th0masek

    (@th0masek)


    9 years, 4 months ago

    Hello, i have problem with carousel. On the begining i was used FRONT PAGE DISPLAY -> Latest posts – and i put
    <?php echo do_shortcode('[image-carousel]'); ?>

    to index.php everyting was perfect – check link:
    photo
    later i must change main page to static page, then i remove do_shortcode function from index.php and i put [image-carousel] to static page “main page” and… I get grey gradient bar at the top and bottom of the image – check image:
    photo
    i mark it by red circle ??
    how i can get effect without this gradient? i use in both method the same photos…
    please help ??

    https://www.ads-software.com/plugins/cpt-bootstrap-carousel/

Viewing 1 replies (of 1 total)
  • Plugin Author Phil Ewels

    (@tallphil)

    Hi th0masek,

    Apologies for the delay in replying – I was on holiday. My guess is that this is because the carousel is being displayed in slightly different areas in your theme, leading to differences in the CSS rules that are applied. Those grey bars usually appear if you have excess padding applied. My guess would be that before you had something like this:

    <div class="carousel>...</div>
<div class="mainpage">..</div>

    ..and that now you have something like this:

    <div class="mainpage">
  ..
  <div class="carousel">..</div>
  ..
</div>

    ..and that .mainpage div has padding-top:20px or something. Does that make sense?

    Do you have a link where I can see the site? With the Chrome / FF web inspector it should be fairly easy to find which CSS is responsible for the bars (can’t do this from a screenshot though).

    Alternatively, you can have a look at the HTML output before and after and see what has changed.

    Phil

Viewing 1 replies (of 1 total)
  • The topic ‘Grey gradient bar’ is closed to new replies.