Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 16, 2018 at 11:22 pm #986147
    Moondreamer21

    I tried using CSS for .container, but that changed my footer, etc. too.

    I’d like to adjust the margins (right, left and bottom) of the main content/text area on pages and posts – what CSS code could I use to do that?

    I do have a ‘color section’ with a image background on the bottom of the pages which is part of the problem with the bottom padding – it just makes for too much white space at the the bottom. The background image is 133px tall, but it’s a subtle faded grunge transparent .png – is there anyway the page content can overlap that, or…. ?

    July 19, 2018 at 1:44 pm #987388
    Ismael

    Hey Moondreamer21,

    Thank you for using Enfold.

    Where can we see the issue? Please provide a link to the actual page. A screenshot will help.

    For the meantime, you can try this css code.

    #main .container { 
  max-width: 1030px;
}

    Best regards,
    Ismael

    July 21, 2018 at 7:00 pm #988188
    Moondreamer21

    Thanks Ismael, that seemed to do the trick for width.

    What do you suggest for the issue I mentioned on the bottom of the pages?

    Site info in the PC.

    July 22, 2018 at 3:31 pm #988414
    Mike

    Hi,
    To adjust the footer & socket container to be 100% of the page, please try this css:

    #main #footer .container,#main #socket .container  { 
  max-width: 100% !important; 
  width: 100% !important;
}

    please feel free to change the value to suit.

    Best regards,
    Mike

    July 22, 2018 at 9:12 pm #988486
    Moondreamer21

    Thanks Mike.
    I don’t think I explained the issue very well.
    I have a color section at the bottom of my pages with a background image added that is a transparent .png with a subtle grunge/fade.
    Because of this, the text in my pages doesn’t reach down over this color section and there’s a lot of extra space at the bottom of the main content.
    I wondered if there’s a way to make this space smaller so there’s not so much white space at the bottom of the text area of my site. I’ll upload a screenshot in the PC.

    July 22, 2018 at 9:25 pm #988491
    Mike

    Hi,
    Oh, I see, thanks.
    There was 50px of padding there which this will remove:

    div.template-page.content.av-content-full.alpha.units {
padding-bottom: 0px !important;
}

    I tested on a few other pages and it seemed to work correctly.

    Best regards,
    Mike

    July 22, 2018 at 10:18 pm #988505
    Moondreamer21

    Does this impact all pages? I added the CSS, saved and cleared the cache but am not seeing a difference?

    July 22, 2018 at 11:45 pm #988530
    Mike

    Hi,
    There was another 50px of padding, Please see screenshot in Private Content area for where I mean.
    Now your content is sitting on top of your image that is above your footer.

    Best regards,
    Mike

    July 23, 2018 at 12:22 am #988535
    Moondreamer21

    Thank you so much Mike! With the code you provided, I was able to get it just the way I want it – I really appreciate your help! :D

    July 23, 2018 at 2:59 am #988548
    Ismael

    Hi,

    Awesome! Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Margin/Padding for Page and Post Content?’ is closed to new replies.