Move Product Category on Girly Theme

Home Forums All Other Themes Move Product Category on Girly Theme

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #99334
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017

    Hello,

    My Product Category Widget is too centered. I would like to move it as far left as I can get it.
    How can I do this? Here is my custom css:

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

    The website is: Butterflykissess.com

    Thank you!

    #99337
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017

    The widget is in the “Blog Sidebar” under “Appearance”>”Widgets”>”Blog Sidebar”.

    #99339
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017

    If the category box cannot be moved more to the left, is it possible to make the width of the category box smaller?

    #99374
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Chris

    #99498
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017

    https://imgur.com/5KTasXg

    The desktop version has too much space on both sides. It looks like everything is centered right in the middle. I would like to move the location of the category box more to the left.

    #99499
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017
    #99500
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017

    If it cannot be done, then I would like to make the pictures bigger.

    #99504
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

    .content-area { width:1300px;}
    .site-main { width:70%;}

    Regards,
    Chris

    #99508
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017

    I added the code. But, it did not move anything on the screen.

    Here is the information in the CSS Box:

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

    .slider-main { min-height:350px;}
    .header .header-inner .logo { margin-bottom:30px;}

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


    @media
    screen and (max-width:479px) {
    .slider-main { min-height:85px;}
    .main-header, .header { display:block !important;}
    .toggle { display:none;}
    }


    @media
    screen and (max-width:767px) {
    .header { display: none !important;}
    }

    .content-area { width:1300px;}
    .site-main { width:70%;}

    #99581
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? After using the css code.

    Regards,
    Chris

    #99625
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017

    https://imgur.com/rwgIj4m

    The product category tab seems too far into the screen. I would either like it to be moved to the left an inch or made smaller.

    #99626
    Brenda Rodriguez
    Member
    • Topics: 21
    • Replies: 44
    • Total: 65
    Member since: June 14, 2017
    #99711
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi,

    Issue have been resolved.

    Regards,
    Chris

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.