Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 3, 2015 at 1:36 am #404874
    alex5252

    On my site https://fundraisingcommittee.net/ I would like to make the fullwidth easyslider caption box longer so “Welcome to Fundraising Committee.net” is on ONE line instead of two lines. How can this be done?

    March 3, 2015 at 8:37 pm #405385
    Elliott

    Hi alex5252!

    Try adding this to your custom CSS.

    .slideshow_caption { width: 100% !important; }

    Best regards,
    Elliott

    March 3, 2015 at 8:47 pm #405393
    alex5252

    Thank you, that works until it gets to around 550px on mobile.

    Is there a way to reduce the font size when it gets to that screen size so it stays on 1 line?

    March 4, 2015 at 10:23 am #405663
    Ismael

    Hi!

    Yes, that is possible. Use this:

    @media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
font-size: 15px !important;
}}

    Best regards,
    Ismael

    January 21, 2016 at 11:11 pm #569628
    foggygolf30

    This is also useful for my query, how do i do the same but for the caption text aswell as the heading? Also in case i prefer how would i make the caption disappear altogether when viewed on a phone?

    January 25, 2016 at 11:13 am #571222
    Andy

    Hey!

    use this code for caption title: 

    h2.avia-caption-title {
font-size: 15px;
}

    and this for caption content: 

    .avia-caption-content {
font-size: 25px;
}

    To hide caption on iPhone completely use this code:

    @media only screen and (max-width: 736px) {
.slideshow_align_caption {
display: !important;
}}

    Regards,
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.