• Hello,

    I would like to ask if there is a way to reduce the amount of black space on the top of each page created with the Events Calendar. This doesn’t happen to regular pages.

    Thank you!
    Luca

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Luca,

    Yes, this can be done with CSS. I’m assuming you’re referring to the dark bit. I am also using 5px as an example in the following, and that should give this effect, but feel free to change it whatever you wish: https://prnt.sc/lhxd3h

    .single-heading.heading-full-width, .index-heading.heading-full-width, .page-heading.heading-full-width {
    height: 5px;
    }

    Let me know if this doesn’t work, or if you’re referring to something else. ??

    Thread Starter lucacubisino

    (@lucacubisino)

    Thank you for your reply. Yes, I am referring to the dark bit. Your CSS works, but for all pages. I would like to reduce the heading only on the event pages. Would that be possible?

    Oh, my bad! Does this CSS solve the issue? Are there any other pages which get affected which you don’t want them to be?

    #postid-6351 .single-heading.heading-full-width, #postid-6351 .index-heading.heading-full-width, header#top-header-0.grid-wrap.page-heading.heading-full-width {
    padding: 0 0 3em !important;
    }

    (Note: Please try this instead of the previous CSS I posted)

    • This reply was modified 6 years, 3 months ago by torres126.
    Thread Starter lucacubisino

    (@lucacubisino)

    This is wonderful. Thank you so much!

    Happy to help! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Big Black Space on Each Event Page’ is closed to new replies.