Hi,
Please add more below code to JanStudio > Theme Option > General Layout > Custom CSS
.woocommerce-order-received .jas-page > .mt__60 {margin-top: 30px;}
.woocommerce-order-received .jas-page .woocommerce {margin-top: 0;}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
My products are not given the css field to add the Hot, Sale, or New badges. Can you please assist?
Attachments:
You must be
logged in to view attached files.
Hi,
1. If you want add only text, please add new row and add text block element of heading and add background for row https://prnt.sc/oq17ph
2. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS
.product_meta .sku_wrapper {text-indent: 999em;}
.product_meta .sku_wrapper span{
display: none;
}
.sku_wrapper::after {
content: '1=0.5m';
text-indent: 0;
}
3. You can upload bigger about 650 – 900 I see on this product https://felicityfabrics.co.uk/shop/april-2/ the zoom work well
4. Please use below code
<ul class="jas-social mt__15">
<li><a href="https://www.facebook.com/JanStudio-527963834074920/" title="Facebook">
<i class="fa fa-facebook"></i>
</a></li>
<li><a href="https://twitter.com/jan_studio" title="Twitter">
<i class="fa fa-twitter"></i>
</a></li>
<li><a href="https://plus.google.com/u/1/102811781810668807583" title="Google Plus">
<i class="fa fa-google-plus"></i>
</a></li>
<li><a href="//instagram.com/" title="Instagram">
<i class="fa fa-instagram"></i>
</a></li>
<li><a href="https://www.pinterest.com/janstudio16/" title="Pinterest">
<i class="fa fa-pinterest-p"></i>
</a></li>
</ul>
and change to your social links
5. I’m sorry it can’t
6. I check your site and see Instagram still work well https://prnt.sc/oq1dx3
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
This issue cause by plugin YITH they set height of loading effect is 100px.
Please try add below code to Claue > Theme Option > General Layout > Custom CSS
.yith-wcan-loading {
height: auto !important;
}
If issue still there, please contact to plugin author.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
having issue with this again. black sticky menu disappears under slider on home page. look at bestfitbybrazil.com in mobile view . The last css i put in, i removed and it still doesn’t work, so not sure what happened.
Hi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 800px) {
.product #wc-stripe-payment-request-button-separator~.single_add_to_cart_button {
width: calc(100% - 165px);
}
.stripe-enabled .cart .yith-wcwl-add-to-wishlist {
margin-top: 0;
}
}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
1. please remove the custom css code you added
a.cg {display: none;}
2. Please add more code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 736px) { .single-product #jas-content {margin-top: 70px;}}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
1 I’m sorry WooCommerce new version don’t give permission to Separate categories and products to different zone
This have way you go to Claue > Theme Option > WooCommerce > Sub-categories Settings and set 3 categories per row that will clear product next to categories
2. You can hide product categories thumbnail by add below code to Claue > Theme Option > General Layout > Custom CSS
.product-category img {
display: none;
}
3. Could you explain more about this task, we still not clear about it.
By the way, your support expired. Could you please renew your support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us continue develop new feature and improve our theme.
Thanks
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
To create this cart view on mobile, I used the code below. How can i get rid of the lines except a single one to separate each product and remove space gaps. see my css below. i think i may have went the wrong route to set up columns. i want to image and details of each product on 1 row.
.product-thumbnail {
position: relative;
column-count: 3;
padding: 3px;
}
.product-name{
position: relative;
float: right;
width: 70%;
top: -180px;
padding-bottom: 12px;
font-size: 12px;
}
.product-price{
position: relative;
float: right;
width: 69%;
top: -180px;
padding-bottom: 2px;
padding-top: 2px;
font-size: 12px;
}
.product-quantity{
position: relative;
float: right;
width: 69%;
top: -180px;
padding-bottom: 2px;
padding-top: 2px;
font-size: 12px;
}
.product-subtotal{
position: relative;
float: right;
width: 69%;
top: -180px;
font-size: 12px;
padding-bottom: 2px;
padding-top: 2px;
}
.product-remove{
position: relative;
float: right;
width: 69%;
top: -180px;
font-size: 12px;
padding-bottom: 1px;
padding-top: 1px;
}
.remove{
position: relative;
padding: 1px;
top: 10px;
font-size: 30px;
right: -60px
}
.remove::before{
content: “REMOVE “;
font-size: 18px;
padding-top: 2px;
}
.cart_item {
position: relative;
height: 200px;
}
I don’t get it. I guess I have to save two seperate image of the tigers as .png. Correct? But what do I have to do with them afterwards? Use them as background image for the header? (I tried, but I can only use one fixed picture as background). Or something else?
And what do you mean by saving these images without background?
I pasted the code in the css, but it doesn’t change anything.
Maybe a better word for what I want to set up is ‘a floating image next to the header’. I’ve found something here, but I want the image only to float with the header: https://www.w3schools.com/css/css_float.asp
Can you help me?
