Move Product Category on Girly Theme

[Brenda Rodriguez]

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!

[Brenda Rodriguez]

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

[Brenda Rodriguez]

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

[Sonl Sinha]

Hi,

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

Regards,
Chris

[Brenda Rodriguez]

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.

[Brenda Rodriguez]

https://imgur.com/XnoCtSq

[Brenda Rodriguez]

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

[Sonl Sinha]

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

[Brenda Rodriguez]

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

[Sonl Sinha]

Hi,

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

Regards,
Chris

[Brenda Rodriguez]

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.

[Brenda Rodriguez]

https://imgur.com/vRa3ZrL

[Sonl Sinha]

Hi,

Issue have been resolved.

Regards,
Chris

[Author]

Posts