Modern Events Calendar top padding

Hey guys

I have custom header and am having an issue finding the right CSS to move the event page details down (padding at the top). I’ve tried a few things, even your codes for others here, but nothing helps. Any ideas?

Site is hidden now. Adding a secure note with link

Hi Chris,

Thank you for writing in, please inspect that second bar and set the Initial Position to Relative.

  • image

Hope it helps,
Cheers!

But I can’t set those in individual event posts because it’s more like a blog post without having that ability correct? This isn’t a page I ‘built’ but the result of putting an event in on the back end of the calendar

Hello Chris,

Your custom header might have been assigned as Global so you need to edit so that it affects and will be applied to the events page and blog posts too.

Hope this helps.

Got it…I see what I did wrong now. Thanks for the help. one last question. On that page, i am trying to make my global block footer the footer there but it seems like it won’t fill the width and it may have some font issues. I did some of the codes you all mentioned in the forums, but to no avail. i am sure it’s something silly I am missing. Can you take a look for me?

Hello Chris,

To correct your footer, please check your bar settings. Make sure that the Content Length is set to 100%.

And make sure that the Maximum Width in your Container settings is set to 100% as well.
Mdy8-l59QbyrKYDYC2OAuQ

If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Cheers.

Still nothing…adding a secure note

Hi Chris,

I tried to access your website dashboard, but unfortunately, the user that you shared does not have permission to view Pro options and I have only access to the user profile.

Please make sure that the user is admin.

I checked the front end of the website and found out that you added the given suggestion correctly and the footer is full width now. But you used a Global Block to add all other features, so you need to go to the Global Block that you used and make sure the section that you added there is full width.

To make your global block full width, go to the section options that you added in the global block and turn off the Global Container options:

You can even force a 100% width if you want using the Width and Max Width options.

Thank you.

Dang…my bad. forgot to switch that over. I went back and made sure all rows were turned off and they were. Still nothing. Also in footer view, the font changes.

You know have full permissions

Hi Chris,

You should have built that footer in the Footer builder in the first place instead of building it as a Global Block.

Anyways, to resolve the issue, please add this to your Global Block element’s Element CSS area.

$el {
  width: 100%;
}

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.