Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 25, 2019 at 4:08 am #1141661
    jnightingale

    Hi! Can you please advise for the following?

    I want to create my page just like this one: https://www.calderaspas.com/shopping-tools/request-brochure

    This is my current page, and you can see that I am not quite there: https://www.arvidsons.com/caldera-spas-get-pricing/

    Can you please help? Also, on this specail landing page, I would really like to get rid of the extra space under the top left logo, but nothing I’ve tried works. thoughts?
    Thanks so much!
    Justine

    September 26, 2019 at 3:07 pm #1142285
    Victoria

    Hey jnightingale,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.page-id-12243.page .container_wrap_first .content {
    padding-top: 0px;
    padding-bottom: 0px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 30, 2019 at 6:36 am #1143228
    jnightingale

    Hi Victoria,
    Thank you so much for the fix for the logo spacing.

    Any chance you can offer some suggestions on getting my page to look like the one in the example with the hero image, contact form, and small bit of text like the example? Thanks so much!
    Justine

    October 2, 2019 at 2:05 am #1144010
    Ismael

    Hi,

    Do you need more help with this? Looks like you’ve managed to separate the contact form and the text using columns inside a color section. Please let us know if we can close the thread.

    Best regards,
    Ismael

    October 2, 2019 at 3:59 am #1144026
    jnightingale

    Hi Ismael,
    Thanks. I suppose it is okay. I really wanted it to look like this though and just couldn’t get it: https://www.calderaspas.com/shopping-tools/request-brochure
    Thank you!

    October 3, 2019 at 11:14 am #1144443
    Ismael

    Hi,

    Thank you for the update.

    You can add a column element below the color section and put the contact form inside it. Edit the column, enable the “Custom top and bottom margin” option and then use a negative pixel value in the top margin field to pull the column upwards until the top part covers the color section. This should re-create the layout same as in the site above.

    Best regards,
    Ismael

    October 3, 2019 at 11:29 pm #1144751
    jnightingale

    Victoria,
    One more question – the code works to take away some of the extra space in Firefox, but it doesn’t in Chrome. Thoughts?
    thanks!

    October 4, 2019 at 8:42 pm #1145089
    Victoria

    Hi jnightingale,

    Could you please attach some screenshots of the issue? I need to see which spacing you need to be removed now :)

    Best regards,
    Victoria

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