Caption below images

  • Resolved neddyrich1

    (@neddyrich1)


    6 years, 10 months ago

    Hello – I like the metaslider and have used it off and on for years. However, I have always wanted my caption to be below the images and not at the bottom of the image with a faded background. I have tried some css to get it that way – but I could not. Can you tell me how I could get the captions outside of the images below them – with no background color transparency.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Kevin Batdorf

    (@kbat82)

    6 years, 10 months ago

    Hi @neddyrich1

    The best way to do this would be to add some CSS to your WordPress theme that forces it below. If you share a URL to a page with the slideshow I can quickly give you the CSS needed (it might vary from theme to theme).

    Thread Starter neddyrich1

    (@neddyrich1)

    6 years, 10 months ago

    Yes – thanks – one of the pages is above – I have tried inspecting and tried – .metaslider.caption { background-color:#ffffff; color:#000000;}-and then when I try to move it below the images with .metaslider.caption:{ -50px;} it makes it disappear. I am afraid I am not to knowlegable with css except for hit and miss. I would appreciate your time and effort in showing how I can move the caption below the images with a white background and black font color.

    Thanks
    Steve

    • This reply was modified 6 years, 10 months ago by neddyrich1.
    Kevin Batdorf

    (@kbat82)

    6 years, 10 months ago

    Hi @neddyrich1

    That page is password protected.

    You might be able to adjust the “position” to get it moved down where you want.

    Thread Starter neddyrich1

    (@neddyrich1)

    6 years, 10 months ago

    I am sorry – I forgot. [Contact details redacted]

    Thanks

    • This reply was modified 6 years, 10 months ago by Marius L. J.. Reason: Removed contact address
    Kevin Batdorf

    (@kbat82)

    6 years, 10 months ago

    Hi @neddyrich1

    If it’s possible to remove the auth for a day I can take a look, otherwise I suggest you try adjusting the positioning. If you’re not using a MetaSlider theme and all things are typical, this should push it below.

    .metaslider .caption-wrap {
    position: static;
}

    Let me know if that helps

    Thread Starter neddyrich1

    (@neddyrich1)

    6 years, 10 months ago

    Thank you kbatdorf – your code is probably more appropiate, but I finally got this to work:
    body .metaslider .flexslider .slides img {
    margin-bottom:30px!important;
    padding-left:5px!important;
    }
    This added a field below the img so the text could nestle below it. Then I called out .caption to position the text center. I am an experimentor more than anything else – lol. I need to take some CSS courses.
    I appreciate your time and effort on this and will keep your code on record as it is probaby better suited for the task.
    Thanks
    Steve

    Kevin Batdorf

    (@kbat82)

    6 years, 9 months ago

    Hi @neddyrich1,

    What ever works for you is the best way 🙂 Let me know if you have any more issues, either here or open a new one. I’ll mark this one as resolved.

    Thread Starter neddyrich1

    (@neddyrich1)

    6 years, 9 months ago

    Thank you again kbatdorf for your time and effort – you folks are very helpful here for those of us who are not too techy.

    Steven

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

The topic ‘Caption below images’ is closed to new replies.

Tags