Home › Forums › Calendar Products › Events Calendar PRO › Remove padding at top of single event
- This topic has 3 replies, 2 voices, and was last updated 8 years, 4 months ago by
progress-festival.
-
AuthorPosts
-
December 16, 2017 at 10:33 pm #1407296
progress-festival
ParticipantHi,
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!
December 17, 2017 at 3:58 am #1407341progress-festival
ParticipantProblem solved
.single-tribe_events #main .post-content {
margin-top: -92px;
}Changing .fusion-row to .post-content moved the entire page up as one unit.
December 18, 2017 at 8:46 am #1407919Jaime Marchwinski
KeymasterGlad 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!
-
AuthorPosts
- The topic ‘Remove padding at top of single event’ is closed to new replies.
