Hello all, I was wondering if there was a way to bring the slideshow header closer to the image as I don’t like the wide space between the flame and the title. Im using the dawn theme.
Hi @asilstore ,
Kindly share your store url, so that we can check and provide you the solution.
Hi @asilstore
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file
.banner__heading.h1{
margin-top: -12pc !important;
}
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
Thank you for your reply. This code makes it so that the image appears behind the heading, I just want the heading to be closer to the image, I don’t want them to overlap. Is there a way you could help me with that? Also, is it possible to only apply this change for the slideshow?
Because when i apply the code, even if i lower the pixel value to like 4, the image banner with the gif messes up. How can I just change the margin for the slideshow? @PageFly-Richard
Hi @asilstore
You can try again with this code:
@media screen and (max-width: 767px){
.banner__box {
padding-top: 0 !important;
}
}
i mean it still changed the image on the top of the website in addition to the slideshow but its looking better now. Thanks for taking the time