Align Right CSS Issues

  • Using the Vantage Theme on WP 3.9.1

    Question 1:

    I tried following the Styling Documentation here to align the caption text right: https://www.metaslider.com/documentation/styling/

    For the life of me, I can’t get it to budge from the left hand side. Any ideas?

    .metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    font-size: 2.4em;
    right: 0px;
    bottom: 0px;
    left: auto;
    width: 50%;
    height: 100%;
    background: transparent;
    color: black;
}

    Question 2:

    Is it possible to vary the CSS by individual image (not the whole slider)? Within one slider, I have 3 images: 2 of these images I’d like the caption to appear on the left hand side. The last image I’d like to have the caption appear on the right hand side.

    Thanks so much for the plugin. It works wonderfully.

    -Alex

    https://www.ads-software.com/plugins/ml-slider/

Viewing 2 replies - 1 through 2 (of 2 total)

  • Is it just the text within the caption you want to align to the right?

    If so you need to use this CSS:

    text-align: right;

    But, by the sounds of it you’d be better off just putting the CSS into the caption field itself. E.g.

    <span style='text-align: right'>Your caption text aligned to the right</span>

    Regards,
    Tom

    Thread Starter kingzing1

    (@kingzing1)

    Thanks for the lightening quick feedback. Interestingly, that won’t work but this will:

    <p align="right">Your caption text aligned to the right</p>

    Ideally, I’d like to set the width to 50% so that the text will wrap then have the container shift within the .container-wrap element.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Align Right CSS Issues’ is closed to new replies.