• Resolved classaxe

    (@classaxe)


    If I activate “show captions?” I get bold large white text over the center of my images. I would like to change it to much smaller font (perhaps 12px) and place it in the lower left corner of the images. Please suggest how I might achieve this.

Viewing 15 replies - 1 through 15 (of 16 total)
  • Can you please post a link to your site so that I can see how you’ve configured your slider?

    Thanks,
    Kevin

    Thread Starter classaxe

    (@classaxe)

    willitsenvironmentalcenter.org

    This CSS should allow you to set the font size of that text:

    .flex-caption .captiontitle.headerfont {
        font-size: 30px;
    }

    Add to Theme Options> Advanced Settings and let me know how it works for you. feel free to change the 30px value to whatever you need.

    -Kevin

    Thread Starter classaxe

    (@classaxe)

    Thanks Kevin, that makes it possible to adjust the font size but the captions sit in the middle of the image and I would like them to be in the lower left corner. I have set the max height of the images to 225 px.

    By default, the captions should be displaying to the bottom left if you’re using the Flex Slider.

    Are you adding any CSS to change the positioning of this? Do you have any plugins that may be effecting this?

    -Kevin

    Thread Starter classaxe

    (@classaxe)

    I see how it works with flex slider but I have been using fullwidth slider. Can I position caption at lower left with fullwidth slider?

    Try this CSS:

    .flex-caption-case {
        vertical-align: bottom;
        text-align: left;
    }

    -Kevin

    Thread Starter classaxe

    (@classaxe)

    Works great! Thanks, Kevin

    Awesome! I’m glad that did the trick. Let me know if you need any future assistance with this.

    -Kevin

    Thread Starter classaxe

    (@classaxe)

    Actually there is one more question I have. I am leaning toward using the flex slider after all, but if I use it I would like to eliminate the semitransparent dark box that the caption text sits in. Can you suggest a solution? Thanks!

    .flex-caption .captiontitle.headerfont {
        font-size: 30px;
        background: transparent;
    }

    You can accomplish this by adding a transparent background to the above CSS.

    -Kevin

    Thread Starter classaxe

    (@classaxe)

    Thanks Kevin. Now one final question: Can I activate lightbox with the home slider with a little css, or do I need to use a plugin or… ?

    There are no lightbox features of the home flex slider that I am aware of. I’ll let you know if I find anything, but I don’t believe it’s possible without a plugin.

    -Kevin

    Thread Starter classaxe

    (@classaxe)

    OK, thanks for your help. This support forum is excellent.

    No problem! I’m glad to help.

    -Kevin

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Fullwidth Home Image Slider Captions’ is closed to new replies.