Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

FULL BLEED (full width and full height) Gallery Block as Homepage for Jasper template on desktop and mobile


Alba

Question

Site URL: https://albertorozco.co/

Please help!

I created a blank page and added a gallery block on my Jasper Jin template page. I have made it as a homepage. albertorozco.co

I am trying to make this page full bleed (full height and full width) on desktop, tablet, and mobile. I have a combination of landscape and portrait photos in the slideshow and they are set to automatically crop images  to maintain a clean ratio. 

I dont want to use another template because Jasper provides all the page templates i require for my page. 

Is there a way to add custom css that will make this page full bleed (full height and full width) on desktop, tablet, and mobile. ? 

Thank you!

 

Link to comment
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 1

Add to Home > Design > Custom CSS

.homepage .sqs-gallery-design-stacked-slide img {
    height: 100% !important;
    top: 0 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 7/5/2021 at 3:18 PM, RHMNVFX said:

Hi @tuanphan I am having the same problem with my website. The gallery wont full bleed, im not good with css. It wont bleed on mobile as well as on monitor. Maybe i did wrong css ccoding haha.

rhmnvfx.comimage.thumb.png.c073c9d0fe133b202e419df069b19404.png

Hi. It looks like you solve this?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 7/12/2021 at 3:34 AM, RHMNVFX said:

@tuanphan Hi apologies. I changed the homepage back. Its still not solved as I used the gallery page instead of an index page. Thanks!
 

The current homepage isnt the full bleed.

Rhmnvfx.com

Add to Design > Custom CSS

/* Home gallery */
body.homepage main#page {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...