WordPress.org

Support

Support » Plugins and Hacks » [Resolved] [Plugin: Promotion Slider] center align the image in slider?

[Resolved] [Plugin: Promotion Slider] center align the image in slider?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Micah Wood

    @woodent

    Change the rule on line 617 of your theme’s style.css file to remove the left margin:

    .hentry ul, .hentry ol, .comment-body ul, .comment-body ol {
        margin-left: 0;
        margin-bottom: 1em;
    }

    It isn’t that the slider image isn’t centering, it is that the menu below it is too far to the right.

    Hi Micah,
    Thanks for the feedback.

    I tried it but it didn’t center the tables inside the slider under “Glaze Stain”.

    I am trying to have the table under “Glaze Stain” centered like the one under “Inclusion”.

    Is there anyway to do it?

    Plugin Author Micah Wood

    @woodent

    Try this:

    div.promo_slider .panel {
        width: 624px;
        margin: 0 auto;
    }

    Thanks Micah.

    Tried it, but still not centered…

    I also tried to change the width to different numbers (10, 100, 1000) to try bu all of them look exactly the same.

    Arg…

    Plugin Author Micah Wood

    @woodent

    Sorry, make that:

    div.promo_slider_background_image {
        width: 624px;
        margin: 0 auto;
    }

    oh wow thanks! works like a charm.

    Sorry, another question.

    Is there anyway to move the navigation bar to the top instead of having it down bottom?

    Plugin Author Micah Wood

    @woodent

    You can move the thumbnail navigation bar to the top, like this:

    div.promo_slider_wrapper.thumb_nav .promo_slider {
        padding-top: 50px;
    }
    
    div.promo_slider_thumb_nav {
        position: absolute;
        top: 0;
        width: 100%;
    }

    Micah, you are absolutely amazing! Works great. I increased the top padding to 100px though. The picture gets covered up partially when I use 50px.

    I also managed to change the background to transparent.

    Still trying to figure out how to change the highlighter’ color around the thumbnails when its on a certain slide.

    Any tips?

    Plugin Author Micah Wood

    @woodent

    This will remove the color behind the thumbnail nav:

    div.promo_slider_thumb_nav {
        background: none;
    }

    Or you can use the color you want, such as this:

    div.promo_slider_thumb_nav {
        background: #ccc;
    }

    div.promo_slider_background_image {
    text-align: center;
    }

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] [Plugin: Promotion Slider] center align the image in slider?’ is closed to new replies.