Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 18, 2020 at 10:28 pm #1246942
    jonroot

    Hi guys

    Trying to customize the padding between full width easy slider and main menu. I put in whitespace in the page editor and set it to 5px, but the padding is huge (see sample here: https://imgur.com/a/XCf9TSh

    If I remove the whitespace/separator in the page editor, the fullwidth easy slider has zero space between it and the main menu.

    Is there a solution or CSS?

    Thank you!
    Jon

    September 20, 2020 at 1:20 pm #1247101
    Victoria

    Hey jonroot,

    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

    
#main > .container_wrap_first:first-child .content {
  padding: 20px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 21, 2020 at 7:43 pm #1247446
    jonroot

    Hey Victoria
    Thanks for the snipper, doesn’t seem to be working though. Could it be because you helped me set up those two lines either side of my menu? Let me know…
    Jon

    September 23, 2020 at 11:59 am #1247823
    Ismael

    Hi,

    Thank you for the update.

    The previous css code should have worked. Please remove the whitespace/separator element and adjust the css code a bit.

    #main {
	padding-top: 50px;
}

    Best regards,
    Ismael

    September 23, 2020 at 4:34 pm #1247928
    jonroot

    Yes! Perfect. Thank you Ismael.
    Jon

    September 24, 2020 at 7:06 am #1248051
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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