Hi Harry,
Thank you for your reply and Chúc Mừng Năm Mới!
We managed to get the WOOCS currency plugin properly integrated and working which means that with the plugin activated, the prices are now geolocating based on user’s country IP. We will be able to test if the rates autoupdate feature is working properly in a day or so.
One issue however. In switching to the WOOCS plugin, we had to switch of the Claue currency switcher and change to the WOOCS one. We have inserted the shortcode for it into the header but the styling is now off and it doesn’t fit at all with the Claue look.
We have tried adding adding some different custom css code to at least reduce the width of the box and remove the container (outline) its in but none of what we tried has worked.
Can you suggest some css code for this or to change the style and look of the currency switcher to the Claue one?
Many thanks
Hi Harry,
Hope you are doing fine.
Harry I have this code in my custom css:
/* Sticky Menu */
#jas-header {
height: auto !important;
}
When this code is availabled, I don’t have the smooth scrolling of the menu,
But when this code is disabled, When I turn devices from horizontal to vertical, the elements come to my menu and this happens: http://prntscr.com/mglnsw
How can I have smooth scroll and not coming the elements to my menu at the same time?
Regards.
Rahim Vaziri
CEO & Founder at Look.ir
Hi,
I’m sorry it can’t control by CSS code. Our developer team now in vacation of Luna New Year holiday till 15 Feb, 2019. When they back I will push them check this.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
.jas-action i {
font-size: 24px;
font-family: FontAwesome;
color: #222;
}
.pe-7s-search:before {
content: "\f002";
}
.pe-7s-shopbag:before {
content: "\f07a";
}
.pe-7s-user:before {
content: "\f007";
}
.pe-7s-like:before {
content: "\f004";
}
and change #222 with your color
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 1024px) {
.metaslider .flexslider .caption-wrap h3 {
font-size: 45px;
}
.pa-middle {
padding: 0 20px;
}}
@media only screen and (max-width: 667px) {
.metaslider .flexslider .caption-wrap h3 {
font-size: 35px;
}}
@media only screen and (max-width: 414px) {
.metaslider .flexslider .caption-wrap h3 {
font-size: 18px;
}}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
the cart = fa-shopping-cart
My acount = user
search = search
wishlist = heart
the colors I would like to be able to change them from css, to see how they are going with the design.
thx
Hi Guys,
Sorry, I can’t remember but can you try and make it work with some CSS and code please? You could start on the size circles.
Thanks
Hi,
Please add below code to CLaue > Theme Option > General Layout > Custom CSS
.swatch .swatch__list--item.is-selected .swatch__tooltip {
opacity: 0;
visibility: hidden;
}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
I need to change the style of shopping cart icons search etc. Does the theme have any alternative CSS source?
Or some alternative way of being able to change images .svg
Hi Phil.
Please add below code to Claue > Theme Option > General Layout > Custom CSS
.jas-wc-single > .jas-container {
width: 100%;
}
.jas-wc-single .product > .jas-row,
.jas-wc-single .product > .product-extra{
width: 100%;
max-width: 1170px;
margin: 0 auto;
}
.jas-wc-single .product > .product-extra{
margin-top: 60px;
}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio