Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 18, 2018 at 1:56 pm #899133
    bakbek

    Hi, how can narrow the gap between the fullscreen slider element caption title and subtitle?

    Thanks.

    January 19, 2018 at 6:16 am #899510
    Rikard

    Hey DROR,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #fullscreen_slider_1 .slideshow_align_caption h2 {
  margin-bottom:0 !important;
}

    Best regards,
    Rikard

    January 19, 2018 at 5:27 pm #899775
    bakbek

    That didn’t work… I don’t see any change.

    January 19, 2018 at 5:37 pm #899785
    Jordan Shannon

    Hi,

    Please try to add this to quick css instead. Keep in mind you may have to hard clear the cache a few times over:

    .slideshow_align_caption h2.avia-caption-title{
margin-bottom:7px!important;
}

.slideshow_align_caption .avia-caption-content.av_inherit_color p{
margin-top:-15px!important;
}

    Best regards,
    Jordan Shannon

    January 19, 2018 at 11:51 pm #899886
    bakbek

    That works great on desktops but on mobile the text gets all mixed up plus, I also noticed the text is very small on mobile. How can I fix both issues?

    January 22, 2018 at 5:44 pm #900904
    Jordan Shannon

    Hi,

    Add this to quick css as well:

    @media only screen and (max-width: 767px)  {
.slideshow_align_caption .avia-caption-content.av_inherit_color {
margin-top:35px!important;
}}

    Best regards,
    Jordan Shannon

    January 22, 2018 at 5:47 pm #900908
    bakbek

    Great, thanks. What about the font size on mobile? It is very very small. How can I increase it?

    January 22, 2018 at 5:51 pm #900911
    Jordan Shannon

    Hi,

    You want to increase just that section?

    Best regards,
    Jordan Shannon

    January 22, 2018 at 8:58 pm #900969
    bakbek

    I want to increase the font size of the caption title and text only on mobile as it is very small.

    January 22, 2018 at 10:01 pm #900986
    Jordan Shannon

    Hi,

    Okay I see. Add this to quick css:

    Add this to quick css:

    
@media only screen and (max-width: 767px)  {

.responsive #top .slideshow_caption h2{
font-size:50px!important;
}

.avia-caption-content.av_inherit_color p {
font-size:28px!important;
}}

    Best regards,
    Jordan Shannon

    January 23, 2018 at 12:42 pm #901417
    bakbek

    That worked great. How can I move the text and button higher on mobile? They are very low on the screen – https://screencast.com/t/NwlGU62Xt

    January 23, 2018 at 4:18 pm #901527
    Jordan Shannon

    Hi,

    I’m glad that solution worked. Add this to quick css:

    @media only screen and (max-width: 767px){
.slideshow_align_caption{
vertical-align:top!important;
}}

    Best regards,
    Jordan Shannon

    January 23, 2018 at 4:36 pm #901541
    bakbek

    That didn’t seem to make any difference.

    January 23, 2018 at 9:26 pm #901664
    Jordan Shannon

    Hi,

    It did, but it was subtle, please add this as well then:

    .html_header_transparency #top .avia-builder-el-0 .slideshow_caption{
padding-top:20px!important;
}

    If this works please let me know. If there are no other header issues we can close this topic.

    Best regards,
    Jordan Shannon

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