Support » Plugin: Modern Events Calendar Lite » Archives Padding / Margin At Top

  • Resolved sdagency


    How does one add padding or margin at the top of the archives page?

    We tried .page-id-# and then the main content div but it would not apply. That method works on other pages/posts.

    Right now the custom title for the archives page is right at the nav bar and needs some room. The h1 for the title does not have a specific class to modify and there seems to be no wrapper div id around the archives content.


Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Webnus



    Please put this code in M.E. Calendar > Settings > Custom CSS:

    .post-type-archive-mec-events .mec-wrap  {
        padding: 5%;

    Hope this helps.

    • This reply was modified 1 year, 2 months ago by Webnus.

    Thanks. Will try.

    Plugin Author Webnus


    You’re welcome.

    Same problem here – Individual events are at the top of the page, displaying over my navigation menu. I’m using the Divi theme.

    I tried adding the custom CSS (to both the MEC custom CSS and the Divi theme options) to no avail. Any other suggestions? Thanks.

    Plugin Author Webnus



    You can use Inspect element and change each section for yourself.
    If you want to make changes to design then you can use Inspect Tool to see the source code of your website and the CSS rules applied to it. To enable it right click and from the pop-up menu select Inspect Element.

    For more details please visit Chrome inspect element or Firefox inspect element. Meanwhile searching in google about it will be helpful.

    For example we try to change bottom gray border color in footer. You can watch the tutorial video here:

    • This reply was modified 1 year, 2 months ago by Webnus.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Archives Padding / Margin At Top’ is closed to new replies.