Search Results for 'css'

[Harry]

Hi Rahim,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.product-extra .jas-row {padding: 0 15px}
}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Thank you so much Harry,

It’s working fine now.

But in mobile it needs a small CSS fix: http://prntscr.com/mz0z1u

I will appreciate your help.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Hazelchow,

1. I check your site and see you’re using outdated version, please update to new version http://support.janstudio.net/forums/topic/updating-the-theme/

2. Please add below code to Theme Option > General Layout > Custom CSS

.swatch__title {
	text-transform: none;
}

3. Your support expired, could you please renew support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us continue develop our theme.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[hazelchow]

How do I show only one : ‘Personalised Text Initials’. my products page keeps showing two. There is nothing wrong with the plugin so it has to be the theme. Also how do I change the: “Hardware colour” and ‘Colour” text from uppercase to lower case. Can you pleas send me through the css code. Thanks. This is the link for referenced changes: https://vayne.com.au/product/black-coin-purse/

[Harry]

Hi,

3. Did you import products from other source, please try plugin https://wordpress.org/plugins/advanced-database-cleaner/ make sure backup your database before do it.

5. Sorry old way via loco doesn’t work.

Please add below code to gecko-child > functions.php

add_filter( 'gettext', 'customizing_variable_product_message', 97, 3 );
function customizing_variable_product_message( $translated_text, $untranslated_text, $domain )
{
    if ($untranslated_text == 'Please select some product options before adding this product to your cart.') {
        $translated_text = __( 'Here goes your custom text', $domain );
    }
    return $translated_text;
}

6, 8. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.jas-social a.google-plus,
.jas-social a.pinterest,
.jas-social a.tumblr {
	display: none;
}
abbr[title] {
	border-bottom: none !important;
	cursor: inherit !important;
	text-decoration: none !important;
}

For instagram they doesn’t support option to share

7. I check on my browser it still work well http://prntscr.com/mwuo8y http://prntscr.com/mwuoqa

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[thelinenway]

URL: thelinenway.com

1. https://thelinenway.com/shop/ – on the shop page when i click on filters, we want to show the colors and sizes we entered in the attributes
2. https://thelinenway.com/shop/ – on the catalog page, for some products the colors shown are missing in the circle, for example in triangle dress – blue color is missing
3. https://thelinenway.com/checkout/ – on checkout page, when we click on terms and conditions, the following code appears – 

4. we want the size guide to be just beside the size title – product page
5. we want to customize the message if the customer does not select the options before proceeding to the cart…

Kindly help.

Thanks

[netmined]

Hi Harry,

Thank you for your reply and the code snippet. We’ve added it in the custom css field but no change. We also tried adding it in the style.css folder in the theme editor and no luck there either. All caches were cleared before we tested it.

 

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.product-image .yith-wcwl-add-to-wishlist {
	z-index: 100;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Phil,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.jas-blog .jas-col-md-9,
.jas-blog .jas-col-md-3 {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.jas-blog .posts {
	margin-left: 0;
}}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

Ok i made the change:  Problem i’m having is that the wishlist hearts and percent discount don’t show on images. image is taking top layer.  here’s what i have.  The mobile still works good, but wishlist hearts and percent off badges aren’t showing. am i in the right area of code?

@media only screen and (max-width: 1024px) {
.btn-quickview, .product-image a.db::before { display: none;}
.product-btn {background: none !important;}
.yith-wcwl-add-to-wishlist ~ .product-btn { display: none;}
.product-image .product-image-flip a {z-index: 1;}
}

.product-image-flip .back {
position: absolute !important;
}

***Am i in the right area of code?  here is my entire CSS code:

@media only screen and (min-width: 75em) {
body.page:not(.home) .jas-container {
width: calc(100% – 30px);
}
}
.sidebar .widget.yith-woocommerce-ajax-product-filter ul li:before {
content: none;
}
.sidebar .widget.yith-woocommerce-ajax-product-filter ul li {
padding-left: 0;
}
.product-image-flip img {
width: 100%;
}
.countdown-time {
bottom: 105px;
}
.jas-my-account {
color: #fff;
}
.jas-icon-cart {
color: #fff;
}
.product-countdown .product-info {
white-space: normal;
width: calc(100% – 40px);
}
.jas-sc-instagram .item img {
object-fit: cover;
height: 210px;
width: 300px;
}
.header__search {
color: #fff;
}

.term-description p {
margin: 15px auto;
max-width: 1024px;
text-align: center;
width: 100%;
}

.jas-currency {
color: #6DFE0C;
}
.jas-my-account ul {
z-index: 1000;
background: rgba(0, 0, 0, 0.95);
}
.jas-currency ul {
z-index: 1000;
display: none;
}
.jas-currency:hover ul {
display: block;
}
.ubermenu .ubermenu-item.ubermenu-item-12999>.ubermenu-target:hover {
background: #fff;
}
.header-sticky .header__mid {
box-shadow: none;
background: none;
}
.jas-wc-single > .bgbl, .product_meta .posted_in, .product_meta .tagged_as{ display: none;}

.product-inner .product-image {
border: 1px solid #dedede;
}

@media only screen and (max-width: 736px) {
.jas-action .sf-open { display: block;}
}
.woocommerce-checkout .slick-dots {display: none;}

.archive #wowslider-container12 {max-width: 1280px;}
.archive #wowslider-container63 {max-width: 1024px;}
.archive #wowslider-container24 {max-width: 1024px;}
.archive #wowslider-container25 {max-width: 1024px;}
.archive #wowslider-container26 {max-width: 1024px;}
.archive #wowslider-container28 {max-width: 1024px;}
.archive #wowslider-container29 {max-width: 1024px;}
.archive #wowslider-container91 {max-width: 1024px;}
.archive #wowslider-container114 {max-width: 1024px;}
.archive #wowslider-container41 {max-width: 1024px;}
.archive #wowslider-container49 {max-width: 1024px;}
.archive #wowslider-container77 {max-width: 1024px;}
.archive #wowslider-container67 {max-width: 1110px;}
.archive #wowslider-container74 {max-width: 1024px;}
.archive #wowslider-container125 {max-width: 1024px;}
.archive #wowslider-container128 {max-width: 1024px;}
.archive #wowslider-container98 {max-width: 1024px;}
.archive #wowslider-container100 {max-width: 1024px;}
.archive #wowslider-container116 {max-width: 1024px;}
.archive #wowslider-container121 {max-width: 1024px;}
.product-image:hover a .container-image-and-badge {opacity: 0; visibility: hidden;}
.product-image:hover .product-image-flip .container-image-and-badge a.back {opacity: 1; visibility: visible;}
.product-image .product-image-flip > .container-image-and-badge {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.product-btn {
top: auto;
bottom: -50px;
left: 0;
-webkit-transform: translate(0,0);
transform: translate(0, 0);
width: 100%;
background: rgba(255,255,255,.85);
}
.product-image:hover .product-btn {
top: auto;
bottom: 25px;
}
.btn-quickview.cd.br__40.pl__25.pr__25.bgw.tc.dib {
background: none;
text-transform: uppercase;
color: #222;
}

@media screen and (max-width: 800px) {
.product-btn {background: none;}
}

.product-image .yith-wcwl-add-button a {
opacity: 1;
visibility: visible;
background: #ffccff;
padding: 4px 2px 3px;
}

.product-quickview .yith-wcbm-badge { display: none; }
.mfp-bg { z-index: 9999;}

.wc-col-switch.flex::before {
content: “VIEW”;
margin-right: 10px;
}

.page-numbers {
margin: 6px 0;
}

.page-numbers li {
float: left;
margin: 0 1px 0 0;
color: #fff;
border: none;
padding: 0;
border-radius: 0;
}
.page-numbers li a,
.page-numbers li span {
color: #fff !important;
background: #222;
padding: 5px 12px;
}
.page-numbers li a:hover,
.page-numbers li span.current {
background: #e640e6;
}

.yith-woocommerce-ajax-product-filter.with-checkbox ul {
list-style-type: none;
padding: 10px !important;
border: 1px solid #ddd;
box-shadow: 5px 10px #888888;
}

.woocommerce ul.products li.product .price {
font-size: 14px;
}

@media only screen and (min-width: 736px) { .filter-trigger {display: none;}}

.filter-trigger .fa-sliders::before {
content: “\f002”;
}

@media only screen and (min-width: 75em) {
body.woocommerce-checkout .jas-container, body.woocommerce-cart .jas-container {
width: 73.125rem !important;
}
}
.term-description {display: block;}

@media only screen and (max-width: 1024px) {
.btn-quickview, .product-image a.db::before { display: none;}
.product-btn {background: none !important;}
.yith-wcwl-add-to-wishlist ~ .product-btn { display: none;}
.product-image .product-image-flip a {z-index: 1;}
}

.product-image-flip .back {
position: absolute !important;
}

@media only screen and (max-width: 736px) { .jas-my-account {
display: block;
}
.jas-action > * {
padding: 0 2px;
}
}
.is-color .swatch__value {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 0;
}
.is-color .swatch__list–item {
border-radius: 0;
}

.product-btn {
background: rgba(255,255,255,.15);
}
.product-image a.db::before {
display: none;
}

.swatch .swatch__list–item.is-selected .swatch__tooltip {
top: -33px;
opacity: 0;
visibility: hidden;
}

.menu-opened .jas-canvas-menu {
background: #bb1e39;
}

.ubermenu-responsive-toggle .fa{
float:right;
margin:0;
font-size:20px;
padding:5px 0;
}

.product-image .product-image-flip a {
position: relative;
z-index: 99;
}