Support » Plugin: CPT Bootstrap Carousel » Carousel-Control taller than image

  • Resolved gcwebbyuk

    (@gcwebbyuk)


    I have installed the plugin and setup three temporary slides – and all works nicely.

    However, the carousel-control elements are about 10-20px taller than the slide image – so there is a bar under the carousel with the gradients on the left and right.

    Is there a style I need to tweak to fix this?

    Thanks in advance

    https://wordpress.org/plugins/cpt-bootstrap-carousel/

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

    (@tallphil)

    Hi there,

    Do you have a link for a page where you’re having the problem?

    Phil

    Thread Starter gcwebbyuk

    (@gcwebbyuk)

    Hi Phil

    http://###

    Plugin Author Phil Ewels

    (@tallphil)

    It looks the offending like of CSS is on line 93 of your style.css:

    img.wp-post-image {
    margin-bottom: 20px;
    }

    If you change this (or override it with .carousel img.wp-post-image ) that should fix your problem.

    For reference, I tracked this down using the HTML / CSS inspector in Chrome. It showed a margin at the bottom that looked like it was causing the extra spacing so I traversed through the elements until I found something with no children that still had the margin. Then I found the line of CSS in the inspector that looked like it was causing the problem, unticked the checkbox to disable it temporarily and that fixed the problem.

    Hope this helps! If you could drop a good review for the plugin that would be much appreciated.

    Phil

    Thread Starter gcwebbyuk

    (@gcwebbyuk)

    Nice spot

    I had created that overide to add an extra margin for the featured image on the blog posts, and it is actually no longer needed – so I have removed it.

    Thanks for you help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Carousel-Control taller than image’ is closed to new replies.