Full width and maximum height

[hei]

I chose the new page as the home page for the theme. I want to apply these three images to the home page, I need to reply to the mobile version. How do I make the three images full width and fill the height of the blank position?
my web url:http://01s.ace.myftpupload.com
The demo is as follows
I joined CSS: h1.entry-title {display:none;}
But I want the image to fill up the blank area

I want to change to the following picture and respond to the mobile version.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.home .fl-row-content-wrap { padding:0 20px 0 !important;}
.home .fl-module-content { margin:0 20px 0 !important;}
.home .content-area { padding:0;}

@media screen and (max-width:479px) {
.home .content-area { padding:0 10px;}
.home .fl-row-content-wrap { padding:0 20px 0;}
.home .fl-module-content { margin:0 20px 0 !important;}
}

Regards,
Chris

[hei]

Suppose my picture needs full width. What CSS should I add?

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.sp-image { width: 100% !important; height: 100% !important; max-width: inherit !important; max-height: inherit !important;}

Regards,
Chris

[Author]

Posts