Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 10, 2014 at 8:07 am #316351
    pegasso4444

    Hi,
    I need my Caption Title and text below the slider.

    So far I was using Custom CSS:
    /****Caption Title Color****/
    .avia-slideshow .avia-caption .avia-caption-title {
    color: #999999 !important;
    }

    /****Caption Text Color****/
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    background: transparent;
    font-size: 14px !important;
    color: #888888 !important;
    }

    /***Caption in Center****/
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    width: 100%;
    text-align: center;
    }
    .avia-caption, .avia-inner-caption, .avia-inner-caption {
    width: 100%;
    left: 0;
    }

    /***Caption Position***/
    .slideshow_align_caption {
    top: -420px;
    }

    I was able to center the caption , but I need it below the slider as marked on the screenshoot:
    http://gyazo.com/f96cfe4c5f8faad85511cfaa9da16469

    Thanks
    Peters

    September 11, 2014 at 4:27 am #317132
    Josue

    Hi Peters!

    This could work:

    .avia-caption {
    position: absolute;
    bottom: -120px;
}
.avia-slideshow, .avia-slideshow-inner {
    overflow: visible !important;
}
.avia-slideshow {
    padding-bottom: 120px;
}

    Regards,
    Josue

    September 11, 2014 at 9:14 am #317215
    pegasso4444

    Hi Josue!

    Yes it does!
    How can i get this also for Portfolio Items?

    This works fine for the Easy Slider:
    /****Caption Title Color****/
    .avia-slideshow .avia-caption .avia-caption-title {
    color: #777777 !important;
    font-size: 15px !important;
    text-transform:capitalize
    }

    /****Caption Text Color****/
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    background: transparent;
    font-size: 13px !important;
    color: #b6b6b6 !important;
    padding: 0px 0px;
    text-transform:capitalize
    }

    /***Caption in Center****/
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    width: 100%;
    text-align: center;
    }
    .avia-caption, .avia-inner-caption, .avia-inner-caption {
    width: 100%;
    left: 0;
    }

    /****Caption below Slider****/
    .avia-caption {
    position: absolute;
    bottom: -64px;
    }
    .avia-slideshow, .avia-slideshow-inner {
    overflow: visible !important;
    }
    .avia-slideshow {
    padding-bottom: 64px;
    }

    September 11, 2014 at 11:04 am #317271
    Ismael

    Hi!

    Please provide a screenshot for the portfolio items. Are you using the masonry element?

    Cheers!
    Ismael

    September 11, 2014 at 1:23 pm #317354
    pegasso4444

    Hi,
    Here my Portfolio Item with “Image Media Element”
    http://gyazo.com/b4389c9530878c9bbd1a20280dc4dfcd

    Thanks
    Peter

    September 11, 2014 at 7:43 pm #317608
    Josue

    Hi Peter,

    We’d need a link to the actual portfolio page.

    Cheers!
    Josue

    September 12, 2014 at 7:36 am #317901
    pegasso4444
    This reply has been marked as private.
    September 12, 2014 at 7:45 am #317916
    Josue

    Hey!

    I think it would be more convenient to use the WordPress Image insertion (Add Media) instead so you get the caption below the image (http://screencast.com/t/Kt8ztz8S7Tu).

    Regards,
    Josue

    September 13, 2014 at 12:40 pm #318492
    pegasso4444

    Yes, that works.
    After Avada and Total I am on Enfold now and this template is way better!!
    Thanks for your help
    Peter

    September 13, 2014 at 5:09 pm #318548
    Josue

    You are welcome Peter, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Caption Title below Easy Slider’ is closed to new replies.