Inner Page Banner on Girly Theme

Home Forums All Other Themes Inner Page Banner on Girly Theme

This topic contains 1 reply, has 2 voices, and was last updated by  Forum Moderator 1 year, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #99336

    Brenda Rodriguez
    Member
    • Topics: 18
    • Replies: 44
    • Total: 62
    Member since: June 14, 2017

    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;}

    #99373

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20559
    • Total: 20559
    Member since: August 16, 2013

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.