the spinner is in CSS. Will that work in this file you speak of? The css code is quite long
<style type=”text/css”>@keyframes lds-eclipse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes lds-eclipse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lds-eclipse {
position: relative;
}
.lds-eclipse div {
position: absolute;
-webkit-animation: lds-eclipse 0.5s linear infinite;
animation: lds-eclipse 0.5s linear infinite;
width: 160px;
height: 160px;
top: 20px;
left: 20px;
border-radius: 50%;
box-shadow: 0 10px 0 0 #e06ed3;
-webkit-transform-origin: 80px 85px;
transform-origin: 80px 85px;
}
.lds-eclipse {
width: 105px !important;
height: 105px !important;
-webkit-transform: translate(-52.5px, -52.5px) scale(0.525) translate(52.5px, 52.5px);
transform: translate(-52.5px, -52.5px) scale(0.525) translate(52.5px, 52.5px);
}
</style>
Hi,
Please add below code in Claue > Theme Option > General Layout > Custom CSS
#jas-content {
min-height: 70vh;
}
and increase 70 to your number.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
Please go to JanStudio > Theme Option > WooCommerce > Product Details Settings > Other products > Number of product on slide > change to 4
I see you override code of style.css http://prntscr.com/o152w6. Your code will be remove if you update theme.
Please move your code to gecko-child > style.css
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
1. Please down attach file and put in claue-child > views > header (you need create 2 new folders views and header in claue-child)
2. Please add below code to claue > theme option > general layout > custom CSS
.header-5 .holder {
display: none;
}
Kind regards
Attachments:
You must be
logged in to view attached files.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Image_House,
Please add below code to JanStudio > Theme Option > General Layout > Custom CSS
.product_meta .posted_in {display: none;}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
1. Please add below code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 767px) {
.header-5 {
background: #fff;
}}
2. Please go to Claue > Currencies > Auto update by location > and check in Yes
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
How can we add a sub-menu as it is in the attachment? Where should we put a CSS class and which class exactly?
Attachments:
You must be
logged in to view attached files.
Hi,
Please add below code to gecko-child > style.css
@media only screen and (max-width: 767px) {
.jas-container {
padding: 0 15px;
}
.product-image:hover .product-button > .btn-quickview {display: none;}
}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
I need some help with updating my theme. I’m not sure what is the best practice for updating the theme?
I asked to change the search function before and you recommended I swapped to the Child theme.
The child theme is now active on my site. However, I have made quite a few changes to some of the code. I have removed the menu and replaced it with another plugin and made quite a few css changes etc.
How do I update the theme without overwriting all of the information?
I have the Gecko Child theme as active and the Gecko theme installed but not active on my site.
Couple minor note:
ThemeForest Changelog says 1.7.4 for 1.7.5
Responsive for the shop page is glitchie, around the 48em breakpoint (762px-ish) it jumps to single full-width columns then to two columns. At this breakpoint the single product margins are gone too. So the responsive fore .jas-container might be missing something. I have fixed some CSS in my child theme but others may not be that versed in CSS media queries.
Also, side-note: I feel like you should turn off the quickview for touch devices, it can be confusing; or at least have it as a theme options. something as simple as @media (hover: none) {.btn-quickview{display:none;}} will work