Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 4, 2013 at 10:12 pm #196365
    DaveL77

    Hello,

    I’d like to add a margin to the top of each content page, however when I utilize a “padding-top: 100px;” code on the content, it moves effects every section.

    I primarily just want a large padding at the top of the page, and a large padding at the end of the page.

    Is this possible to isolate these areas or no?

    December 5, 2013 at 6:04 am #196521
    Yigit

    Hi DaveL77!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .fixed_header #main { padding-top: 140px; }
#footer { margin-top: 80px; }

    Regards,
    Yigit

    December 5, 2013 at 4:47 pm #196707
    DaveL77

    This code works, however I think my colours and other pages do not work well with this at all.
    I’ll figure out another way to get the spacing to work to suit my needs.

    The code you gave worked perfectly for adding spacing below the header and above the footer, but certain pages on my site can’t have that as I use an on-page sub-nav.

    Thank you for your response though!!

    December 5, 2013 at 9:19 pm #196776
    Yigit

    Hi!

    You can right click on Chrome and on Firefox and click Inspect Elements to find out page ID’s http://i.imgur.com/TrDQ84Y.jpg
    then modify your custom css code as following to apply CSS only on that certain page 

    .page-id-989 #footer { margin-top: 80px; }

    You are welcome. Glad we could help :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Spacing / Padding / Margin at top and bottom of pages’ is closed to new replies.