Title: Grey gradient bar
Last modified: August 30, 2016

---

# Grey gradient bar

 *  Resolved [th0masek](https://wordpress.org/support/users/th0masek/)
 * (@th0masek)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/grey-gradient-bar/)
 * 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](http://www.wwphotographyuk.com/ok.jpg)
   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](http://wwphotographyuk.com/bad.jpg)
   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://wordpress.org/plugins/cpt-bootstrap-carousel/](https://wordpress.org/plugins/cpt-bootstrap-carousel/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [Phil Ewels](https://wordpress.org/support/users/tallphil/)
 * (@tallphil)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/grey-gradient-bar/#post-6366868)
 * 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.

 * ![](https://s.w.org/plugins/geopattern-icon/cpt-bootstrap-carousel_b8b7ae.svg)
 * [CPT Bootstrap Carousel](https://wordpress.org/plugins/cpt-bootstrap-carousel/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cpt-bootstrap-carousel/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cpt-bootstrap-carousel/)
 * [Active Topics](https://wordpress.org/support/plugin/cpt-bootstrap-carousel/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cpt-bootstrap-carousel/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cpt-bootstrap-carousel/reviews/)

## Tags

 * [Grey](https://wordpress.org/support/topic-tag/grey/)
 * [problem](https://wordpress.org/support/topic-tag/problem/)

 * 1 reply
 * 2 participants
 * Last reply from: [Phil Ewels](https://wordpress.org/support/users/tallphil/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/grey-gradient-bar/#post-6366868)
 * Status: resolved