Return to previous page

Custom css not works - by yohantosadu - on WordPress WooCommerce support

This topic has 12 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

yohantosadu

Participant

March 2, 2018 at 10:08

all my custom css not work today

Please, contact administrator
for this information.

#186916 Copied

11 Answers

Rose Tyler

Support staff

March 2, 2018 at 10:45

Hello,

From the 4.0 update, all the custom styles come not like inline CSS but as styles from separate file – dynamic.css (to speed up the site loading). If you created child theme before 4.0 update you need to make changes in your child theme functions.php file and add one line http://prntscr.com/ikbhbt
wp_enqueue_style( 'dynamic-css', get_stylesheet_directory_uri() . '/dynamic.css' );
after that create an empty dynamic.css file in child theme directory.

Regards

#186923 Copied

yohantosadu

Participant

March 2, 2018 at 11:17

I’ve done it, but nothing has changed yet

#186931 Copied

Rose Tyler

Support staff

March 2, 2018 at 11:25

Go to Theme Options and click Save changes then clear cache and check one more time.

Regards

#186933 Copied

yohantosadu

Participant

March 2, 2018 at 11:45

okay everything is normal, but color menu in home page white. previously black

http://prntscr.com/ilsk6z

and hot to make accordion category in shop page like accordion category style in hme page

http://prntscr.com/ilslaw

#186942 Copied
Rose Tyler

Support staff

March 2, 2018 at 13:41
1. Go to Edit Home page and “Show revolution slider instead of breadcrumbs and page title” > set No slider, Breadcrumbs Style > Disable and add slider on page as element + set for the row that contains slider – “Stretch row and content”.
2. Please use this custom css code:
```
.post-type-archive-product #woocommerce_product_categories-2 .widget-title:before,
.post-type-archive-product #woocommerce_product_categories-2 .widget-title:before {
    display: none;
}
.post-type-archive-product #woocommerce_product_categories-2 .widget-title {
    text-align: center;
    border: 2px solid #f3b714;
    background-color: #f3b714;
    color: white;
    font-size: 20px;
    padding: 10px;
}
.post-type-archive-product #woocommerce_product_categories-2 .widget-title span {
    background:  #f3b714;
}
.post-type-archive-product #woocommerce_product_categories-2 {
    border: 2px solid #f3b714;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 0px;
}
.post-type-archive-product #woocommerce_product_categories-2  li > a {
    padding-left:  20px !important;
}
.post-type-archive-product #woocommerce_product_categories-2 .product-categories {
    margin-bottom: 0px;
}
```
Regards
#186971 Copied
yohantosadu

Participant

March 2, 2018 at 15:30

okay, thank you

and how to shrink header width ?
http://prntscr.com/ilvvc8

#186978 Copied
Rose Tyler

Support staff

March 2, 2018 at 15:35
You’re welcome!
```
.main-header .navbar {
    padding: 20px 0;
}
```
Regards
#186980 Copied
yohantosadu

Participant

March 2, 2018 at 15:45

I like the width like this
.main-header .navbar {
padding: 10px 0;
}
http://prntscr.com/ilw3zr

how to lower the logo, menu and cart
so it can center

http://prntscr.com/ilw38n

#186984 Copied
Rose Tyler

Support staff

March 2, 2018 at 15:53
Change this code:
```
.main-header .navbar {
    padding: 10px 0;
}
```
to:
```
.home .page-content {
    margin-top: 0px;
}
.main-header .navbar {
    padding: 20px 0 10px 0;
}
```
Regards
#186986 Copied
yohantosadu

Participant

March 2, 2018 at 15:57

thank you very much for GREAT support.

#186988 Copied

Rose Tyler

Support staff

March 2, 2018 at 16:13

You’re welcome!
If you love WooPress and have something nice to say don’t hesitate to tell about this!
We’d appreciate if you could take a moment to give us 5-stars on ThemeForest! https://themeforest.net/downloads

Regards

#186990 Copied
Viewing 12 results - 1 through 12 (of 12 total)