Remove padding at top of single event

Home Forums Calendar Products Events Calendar PRO Remove padding at top of single event

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1407296
    progress-festival
    Participant

    Hi,

    I am having trouble figuring our a solution and I am hoping someone can help.

    I have a hero image at the top of my page followed by text. I am using The Events Calendar PRO and the Avada theme. In the single event page I have three containers with differnt image sizes for small, medium and large screens. I styled these to work in a normal page in Avada. I am now trying to make event pages and match the same style. Everything looks great but in the “small” view (screens below 768px there is a white bar between my top menu and the top of the image. I do have the top margins set to -92 on the images so they suck right up to the menu and it works with the “medium” and “large” images but not the “small”. It’s like there is extra spacing being added somewhere in the events page.

    I used chrome inspect and found this line: <main id=”main” role=”main” class=”clearfix width-100″ style=”padding-left:0px;padding-right:0px”> if I add: margin-top: -92px; the issue is resolved. I’m just not sure how to implement that change.

    I searched the forum for answers and found this css solution:

    .single-tribe_events #main .fusion-row {
    margin-top: -92px;
    }

    But when I do that everything gets moved to the top. The image, the title in the image and the text below now sits over the bottom of the image.

    I would like to just move the image up and keep all the other padding the same and ideally, I would be able to do this only when the image and text are seen on small screens as it’s not affecting the setting for my medium and large set-up.

    The site isn’t live yet so I can’t post the link but I can share it in a private reply. I also took a few screenshots which will help illustrate the problem.

    Thanks for taking the time to help!

    #1407341
    progress-festival
    Participant

    Problem solved

    .single-tribe_events #main .post-content {
    margin-top: -92px;
    }

    Changing .fusion-row to .post-content moved the entire page up as one unit.

    #1407919

    Glad you were able to figure out your issue, you are welcome back in our support forums any time!

    Since you marked this thread as Resolved, I am going to close this thread.

    Have a great week!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Remove padding at top of single event’ is closed to new replies.