Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 12, 2018 at 1:02 pm #1044300
    manosmaster

    In my site there is a gap (white space) between the header (with a full page logo) and the content. There is a way to reduce this gap?

    December 13, 2018 at 6:37 am #1044727
    Rikard

    Hey Roberto,

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

    .template-page {
  padding-top: 0;
}

    Best regards,
    Rikard

    March 28, 2020 at 3:57 pm #1198610
    fren

    Hi guys,

    The code above works a treat, but can I also reduce the left and right margin?
    Adding the following has no effect:
    padding-left: 0;
    padding-right: 0;

    Regards,

    Frits

    March 28, 2020 at 9:51 pm #1198698
    Victoria

    Hi fren,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    March 29, 2020 at 9:43 am #1198787
    fren
    This reply has been marked as private.
    March 29, 2020 at 5:48 pm #1198876
    Victoria

    Hi fren,

    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

    
#top.home .content .entry-content-wrapper {
  padding: 0px;
}

    If this is not how you need it, could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    March 30, 2020 at 9:23 am #1199020
    fren

    Thx Victoria,

    This works for the homepage, but not for the page layout in general. I have marked the white space I would like to reduce in the picture (link below in private and a link to the corresponding page).

    The code above works for the top-padding, but not for left and right. Just changing to “padding” in stead of “padding-top” doesn’t do the trick either.

    Thx in advance.

    Regards,

    Frits

    March 31, 2020 at 7:07 pm #1199449
    Victoria

    Hi Frits,

    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

    
#top .content .entry-content-wrapper {
  padding: 0px;
}
.responsive .container {
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.inner_sidebar {
    margin-left: 0px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 1, 2020 at 5:41 pm #1199818
    fren

    Thank you very much! Seems to work nicely.

    Is there a tutorial or manual somewhere, where I can find the function, meaning and hierarchy of these containers?

    Regards,

    Frits

    April 2, 2020 at 10:05 am #1200067
    Rikard

    Hi Frits,

    We don’t have any documentation like that unfortunately, but we’ll be happy to answer your questions here on the support forum.

    Best regards,
    Rikard

    April 2, 2020 at 10:16 am #1200074
    fren

    Thank you, Victoria & Rikard, for your support!

    April 3, 2020 at 7:17 am #1200391
    Rikard

    Hi Frits,

    I’m glad that we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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