Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #18979

    Hi, I’m building this website: http://goo.gl/6Bg91 , and I’d like to change the alignment of the captions on Choices’ “Moving Slider”. What I want to do is to make the captions on the left side (Left/Right slide in) to align to the right and the captions on the right side (Right/Left slide in) to be align on the left side, i.e. I want the captions to be align to the side which is close to the center of the screen, How can I accomplish that? Many thanks and kind regards! Merry Xmas by the way! Angelo

    #101604

    You can try following css code – add it to css/custom.css or the quick css field:

    #top .caption_supersize.caption_right .slideshow_caption .featured_caption{
    text-align: left;
    }

    #top .caption_supersize.caption_left .slideshow_caption .featured_caption{
    text-align: right;
    }

    #101605

    1. Thank you for your prompt response Dude! It worked perfectly for the “Caption Text”. Now, I just need to make the same to the “Caption Title”. Would you please point me which code should I use for accomplishing that? Many thanks!

    2. I’ve also another question: · How can I change the padding of the “Caption Title” and “Caption Text” in the Choices/Avia’s Moving Slider? Thank you very much, once again!

    #101606

    Hi angelomaldito,

    It should be:

    #top .caption_supersize.caption_right .slideshow_caption h1{
    text-align: left;
    }

    #top .caption_supersize.caption_left .slideshow_caption h1{
    text-align: right;
    }

    For #2, there isn’t any padding for the layout. Which part are you looking to modify? The slideshow is a bit sensitive to layout adjustments because of the way it adapts for the various screen sizes but we’ll see what can be done.

    Regards,

    Devin

    #101607

    Hi Devin, thank you for your prompt response. The fix worked perfectly, thank you very much.

    Regarding #2, If possible, I’d just like to bring the outer border of Caption Title and Caption text (on both sides) to be displayed a little bit more to the center of the screen (though not aligned in the center), In other words, I’d like to increase the distance between the edge of the slider and it’s captions. I don’t mind if eventually the captions surpass the middle of the screen to the opposite side, as long as it keep a “margin” from the slider’s edge on the same side which the captions are placed.

    Once again, thank you very much for your time and willing to help. Kriesi’s framework is wonderful and I’m impressed with it’s quality, ease of use, possibilities of customization as well the great support provided. You guys rock!

    #101608

    Give this a try:

    #top .caption_supersize.caption_right .slideshow_inner_caption {
    padding-right: 12%;
    }
    #top .caption_supersize.caption_left .slideshow_inner_caption {
    padding-left: 12%;
    }

    The default is 10% padding and I’ve changed it to 12%. It doesn’t seem to have any issues with keeping Responsive so it should be fine.

    Regards,

    Devin

    #101609

    Hi Devin,

    This is it. Worked perfectly. MANY THANKS!

    Best wishes,

    Angelo

    #101610

    Glad we could help :)

    Regards,

    Devin

    #101611

    Hi guys,

    Sorry to bother you again, but suddenly (seriously, I didn’t change anything after I applied the fix you provided me!) the featured caption text (not the H1, the smaller ones) is overflowing on its right side (for both left/right and right/left slide in options). I really don’t know if it was trigged by a webkit browser update or whatever is the real reason, but I DO know that it looked good and suddenly looked like a mess, without any action from me. I’ve also noticed that it is happening with your choice’s live demo too (http://www.kriesi.at/themes/choices/), so probably it’s something deeper than my personal config.

    Is there any fix for that?

    Thank you, once again!

    #101612

    Sorry guys, this issue seems to be specific to my computer, as I’ve tested on other devices and it didn’t happen. I’ve no idea why it’s happening with my computer, but what really matters are my customers, which should be viewing my website nicely as usual, I hope.

    Thank you for your comprehension and sorry for wasting your time.

    Best regards,

    Angelo

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Moving Slider's Caption Alignment’ is closed to new replies.