Top margin on Single events Page

[eutaw]

Please view my Camp Calendar page see VIEW DETAIL to the far right of an event. When I click VIEW DETAIL, it takes me to a single event page. I am trying to add a top margin (more space between navigation bar and the calendar information.) I added the following custom CSS for the single event page, but it didn’t work. Please point me in the right direction.

.single-mec-events .x-header {
margin-bottom:30px;}

[ruenel]

Hello @eutaw,

Thanks for writing in!

Please use this code instead:

.single-mec-events #main-content {
    margin-top: 50px;
}

We would love to know if this has worked for you. Thank you.

[eutaw]

This works. Thank you!!

[ruenel]

You are most welcome!