Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 3, 2022 at 2:12 pm #1354028
    TakiwaSoulArt

    Hej,

    I need a little bit help for the responsive customization.

    1. How can I reduce the spacing between two color segments?
    2. The Slideshow caption on mobile view is not centered and the text is not fully visible – screenshot is in the Dropbox. How can I adjust this?
    3.The spacing between one headline and the text is too much – how canI reduce it? Screenshot is also in the Dropbox.

    Website and Dropbox-link is in the private content.

    Thank you so much guys.
    Best regards, Sabine

    June 3, 2022 at 6:21 pm #1354053
    Rikard

    Hi Sabine,

    The Drobox link is access restricted, please check and post again.

    Best regards,
    Rikard

    June 3, 2022 at 6:31 pm #1354059
    TakiwaSoulArt

    Hi Rikard,

    oh sorry, I was a liitle bit scattered ;)

    Link is in the private content.

    Best regards, Sabine

    June 4, 2022 at 10:16 am #1354120
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.slideshow_caption {
    padding: 0;
}
#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
}
}

    Best regards,
    Rikard

    June 4, 2022 at 10:32 am #1354122
    TakiwaSoulArt

    Hi Rikard,

    thank you, this code works wonderful for question 2 and 3 :) great :)

    I will wait for the solutions to question 1 .

    Have a nice Weekend and best regards, Sabine

    June 4, 2022 at 10:54 am #1354130
    Rikard

    Hi,

    1. Could you point out which space you would like to reduce on your actual site please?

    Best regards,
    Rikard

    June 7, 2022 at 10:38 am #1354368
    TakiwaSoulArt

    Hi Rikard,

    there are many spaces to reduce, I would have to take dozens of screenshots. Isn’t there a general programming command for Colour Sections?

    Thank you and best regards, Sabine

    June 7, 2022 at 2:36 pm #1354390
    Rikard

    Hi,

    I’m sure there is general CSS, but I’m not sure what exactly you are looking to reduce. Maybe you could create a test page and point it out there?

    Best regards,
    Rikard

    June 15, 2022 at 11:44 am #1355320
    TakiwaSoulArt

    Hi Rikard,

    sorry for the late answer …
    There are three new screenshots in the dropbox where I need help for this site. It may be that I have not worded it well.

    Thank you for helping. and best regards, Sabine

    June 18, 2022 at 5:07 pm #1355694
    Mike

    Hi,
    Thanks for your patience and the link to your site and screenshots, for your slideshow caption “4-Zimmer Wohnung Nbg. – St. Johannis” I recommend add ing css:

    @media only screen and (max-width: 430px) { 
#top.home #main h2.avia-caption-title a {
	 font-size: 18px;
}
}

    feel free to adjust, perhaps 16px or 14px
    After applying the css, please clear your browser cache and check.
    For your other items try this css:

    @media only screen and (max-width: 767px) { 
#top.home #main #av_section_6 {
	 margin-top: 0;
}
#top.home #main #av_section_6.avia-section-large .content {
padding-top: 0;
padding-bottom: 0;
}
#top.home #main #av_section_5.avia-section-large {
margin-bottom: 0;
}
#top.home #main #av_section_5.avia-section-large .content {
padding-bottom: 0;
}
#top.home #main #av_section_2.avia-section-huge .content {
    padding-top: 0;
    padding-bottom: 0;
}
#top.home #main .avia-builder-el-38 {
    padding: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 23, 2022 at 1:08 pm #1356287
    TakiwaSoulArt

    Hi Mike,

    thank you, it works wonderful – so great.

    You can close this topic.

    Best regards, Sabine

    June 23, 2022 at 1:34 pm #1356290
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Slideshow caption in mobile view and others’ is closed to new replies.