Hi Kintanei,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
.woocommerce-Price-amount.amount { color: #222;}
ins .woocommerce-Price-amount.amount { color: #222;}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
I want to increase the width of button because when the user browse product detail page in desktop. The button is too small. I want to increase this button and make it depend on container size because if I fix button width to px , the button is too big when browse on mobile phone. so I add css below to claue custom css style. But the button is smaller than the original before add css. How should I fix this?
2. How to increase the height of box for selecting number of pieces of item that is on the left of add to cart button? From image that I attached, its height is smaller than add to cart button because I increase height of add to cart button.
3. For checkout button at checkout page, How I increase button width to percentage ?
Here’s css that I added to increase add to cart button size but it doesn’t work
button.single_add_to_cart_button.button.alt { border:none ; color: #fff; text-transform: uppercase; position: relative; height: 50px; line-height:36px ; width: 40%; background-color : #ff680a ; padding: 0 10 px; }
button.single_add_to_cart_button.button.alt:hover { border:none ; color: #fff; text-transform: uppercase; position: relative; height: 50px; width: 40%; line-height:36px ;background-color : #ff680a ; }
a.checkout-button.button.alt.wc-forward, input#place_order.button.alt { border:none ; color: #fff; text-transform: uppercase; position: relative; height: 50px; line-height:46px ;background-color : #ff680a ; padding: 0 34 px; }
a.checkout-button.button.alt.wc-forward:hover, input#place_order.button.alt:hover { border:none ; color: #fff; text-transform: uppercase; position: relative; height: 50px; line-height:46px ;background-color : #ff680a ; }
Attachments:
You must be
logged in to view attached files.
Hi Rahim,
Please add in Claue > Theme Option > General Layout > Custom CSS
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Harry,
Where should I add these codes?
Max Mega Menu custom css? or the Style.css of the child theme? Or somewhere else?
Rahim Vaziri
CEO & Founder at Look.ir
Hey Harry,
Currently installed is what I downloaded from Claue theme. This includes the following:
- Claue Theme
- Claue Child Theme (activated)
They both have a style.css file in them, which is standard.
This issue is that the styles coming from the parent theme is overriding the styles set in the Claue => Theme Options => Color Scheme (dashboard).
Let me know if you need anything else.
Thanks.
Hi,
Did you load style.css in child-theme? The account you sent can’t permission check what you did in child theme so i’m not sure.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hey Harry,
I did some additional testing on the site and I see the below is not working from the Claue => Theme Options => Color Scheme.
- Main Menu Hover Color – overwritten by claue/style.css
- Footer Link Hover Color – overwritten by claue/style.css
- Product New Badge Background Color – overwritten by claue/style.css
Hopefully, this helps aid the process.
Also, I disabled my custom css styles that override these links (using !important) so it should not conflict with the theme.
Thanks.
Hi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS to fix this issue
.variations_form .yith-wcwl-add-to-wishlist {
left: 350px;
}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hey Harry,
The credentials sent over has Admin permissions. Not sure if you need Super Admin permissions, but the site in question is WR1 Inc.
- I will disable the custom css-styles in that sites child-theme, thus enabling the functionality in theme-options dashboard from Claue (which are not working).
Please let me know if you need anything else.
Thanks.
Hello,
I’m trying to do same thing but I don’t see the CSS Class section on my menu page. Should I use a pluggin and if it’s yes, which one?
I want to make not clickable the A/W’18, HOME 8 and HOME 7 parts as you can see on the attachment. How can I do it?
Thanks,
Attachments:
You must be
logged in to view attached files.