Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1415670

    Hi team,

    I’ve created this landing page and turned off header and footer.

    It seems something is adding height to the first coloured section. Is there a way to reduce the height at the top on desktop? Mobile is fine.

    To look like this https://ibb.co/f9X4SSm

    Thanks

    #1415672

    Hey marsh1984,

    Thank you for the inquiry.

    The additional space is caused by the container of the first color section. You can adjust it by including this CSS code.

    .html_header_transparency #top .av-7owuvs-9515cfe4018d7b5b88cf6181443191a6 .container {
        padding-top: 0 !important;
    }

    – OR –

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

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect. By disabling the file compression settings, you will be able to make the necessary adjustments and updates without any conflicts. Once you have made the required modifications, you can re-enable the file compression settings to optimize the performance of your website.

    Best regards,
    Ismael

    #1415882

    thanks for that. It works, except image now aligns slightly to left on desktop. Any tips?

    #1415886

    Hi,

    thanks for that. It works, except image now aligns slightly to left on desktop. Any tips?

    We checked the site again but it seems like the image has been removed. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    #1415888

    here you go, should be centre aligned
    Screen-Shot-2023-08-09-at-1-41-24-pm

    #1415981

    Hi team any update on this? Thanks

    #1415990

    Hi,

    It looks like you have three columns at the top. Instead, you can place your Image element inside a Color Section element, edit the Image element, go to Styling > Alignment > Image Alignment, and select the Center option (https://i.imgur.com/SzkRr2r.png).

    With your current setup, adding the following code to the bottom of Quick CSS in Enfold theme options > General Styling would fix the issue:

    #av_section_1.av-7owuvs-71547a4fbcedf02f5f4ccf74ce481be0 {
      max-width: 100%;
    }

    Best regards,
    Yigit

    • This reply was modified 1 year, 1 month ago by Yigit.
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.