Inner Page Banner on Girly Theme

[Brenda Rodriguez]

Hello,

I would like to change the size display of the inner page banner on my website without affecting its size on a phone. On a computer, the size of the picture being displayed is taking up the entire monitor page. It is too big. I would like to reduce the size of it by half. Can you please help me? https://www.butterflykissess.com/shop/accessories/

Thank you.

My custom css is:

body { background:#fff;}
section#wrapTwo { margin-top: 130px;}
@media screen and (max-width:767px) {
.header .header-inner .logo { margin:0 auto !important;}
.header {bottom: inherit !important; position: absolute !important; top: 110px !important;}
section#wrapTwo { margin-top:10px !important;}
}
add_filter (‘wpseo_allow_xml_sitemap_ping’, ‘__return_false’);

.innerbanner img{display: block;}

.archive .header { padding:20px 0;}
.archive .content-area { padding:0;}

@media screen and (max-width:767px) {
.header { position:relative !important; top:0 !important; }
.header .header-inner { padding-top:0 !important;}
.toggle a { margin-top:0 !important;}
}

.header { padding-top:0 !important;}
.content-area { padding:10px 0 50px !important;}

.services-wrap .one_fourth:hover a.linkreadmore { display:none;}

.header { padding-top:0 !important;}
.content-area { padding:10px 0 50px !important;}

.page .innerbanner img { display:none;}

.services-wrap .one_fourth p { display:none;}

[Sonl Sinha]

Hi,

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

Add this code there:

.innerbanner { height: 400px; overflow: hidden; margin-bottom: 30px;}

Regards,
Chris

[Author]

Posts