Search Results for 'css'

[Foster]

Hi Marjolein,

Please use the custom CSS code below (Adjust number 100 if you want)

 
.page-head { 100px 0; }

Cheers,
Foster

[Harry]

Hi,

1. I check your site it now the quickshop button work well

2. You can fix by add custom css

.page-id-6 .woocommerce-message { display: none;}
.product-quickview .variations_form .yith-wcwl-add-to-wishlist {left: 235px; right: auto;}

Best regards

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

[Harry]

please copy full the code you add in Custom CSS to https://pastebin.com/ and give me the link, I need to check more.

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

[cheloco]

Harry wrote:

Do you use minify css plugin? I’m online now. please apply code. Thanks

Hi, I just applied your code.

No, I don’t use Minify. Should I install it?

Reply back please when you check it out!

Thanks

[Harry]

Do you use minify css plugin? I’m online now. please apply code.

Thanks

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

[Harry]

Hi,

1,4. You can use custom css in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 1280px) {
.product-image img {
min-height: 190px;
}
.product-image .db {
height: 190px;
overflow: hidden;
}
.slick-slide img {
display: block;
min-height: 400px;
width: auto;
}
}

6. I saw you set content of layout width is 1400px https://monosnap.com/file/46PDj8Sr9Lo2bvVyGiZeLlIL4YoTgZ# Most of screen resolution now is 1366px and 1280px. I recommend change this number to 1280px it will fit with popular screen.

8. You can add custom css to hide page title background

.page-head {
background: none !important;
}

Best regards

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

[Harry]

Hi Rene’,

1. I’m sorry about issue related basket link on products now our developer not yet have time to check this issue

2. You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.pa-center { top: 90%;}
.pa-center h3 { font-size: 40px; margin: 0;}

3. Sorry for custom tab plugin doesn’t support add flag icon but you can as English translation for tab. http://take.ms/GOsuT

Best regards

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

[cheloco]

Harry wrote:

I checked your site but don’t see the code apply. Could you give us admin account, we need closer check. Thanks

Hi,

Hope you don’t mind; I asked my partner and he doesn’t allow access.

I applied your code earlier but it looked just like the picture I sent to you, so I removed it.

My complete Custom CSS Style is the following right now:

.single_variation_wrap { margin-top: 0; }
.woocommerce-variation.single_variation { display: none !important; }
.table.variations { margin-bottom: 1em; }

.entry-summary .single_add_to_cart_button,
.entry-summary .external_single_add_to_cart_button {
background-color: #f4af3a;
}

#jas-backtop { display: none !important; }

.footer__top { padding: 50px 0;}

.actions .button.apply-cupon {
background-color: #000000;
}

.actions .button.update-cart {
background-color: #000000;
}

.jas-mini-cart .button {
background-color: #000000;
}

.jas-mini-cart .button.checkout {
background-color: #f4af3a;
}

.badge span {
font-weight: bold;
background: #f4af3a;
}

.product-image:hover .product-button > *,
.product-image:hover .db:before {
display: none;
}

.product-image .product-button { display: none; }

.woocommerce-message {
display:none !important;
}

.woocommerce-info {
display:none !important;
}

.wc-proceed-to-checkout a {
background: #f4af3a;
text-align: center;
}

.btn-quickview { display: none!important; }

.badge .new { display: none!important; }

.jas-menu li.hot a:after { display: none!important; }
.jas-menu li.sale a:after { display: none!important; }
.jas-menu li.new a:after { display: none!important; }

html[lang=”es-ES”] .product-category h2::before,
html[lang=”es-ES”] .product-category h3::before {
content: “Comprar”;
}

#theme-my-login {
margin-left: auto;
margin-right: auto;
}

.price ins {
color: #000000;
font-size: 18px;
}

.entry-summary .price ins {
color: #000000;
font-size: 20px;
}

.price del {
color: #000000;
font-size: 16px;
}

.entry-summary .price del {
color: #000000;
font-size: 18px;
}

.availability span { display: none!important; }

.place_order {
background-color: #f4af3a;
}

.woocommerce .place-order input[type=submit] {
background: #f4af3a;
}

.about_paypal { display: none!important; }

Let me know If I did something wrong; I just pasted your code on the first line and looked like the last picture I’ve added here.

Thanks again!

[Harry]

Hi,

You can show stars rating on category (product listing) page by add below code in functions.php in claue-child

After that add below code to style.css in claue-child

.products .product-info .star-rating { float: left;}
.products .product-info .star-rating + .price { display: inline-block; width: 100%;}

Best regards

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

[Harry]

Hi,

you can add custom css

.product-extra-title h2::before,
.product-extra-title h2::after,
.section-title::before,
.section-title::after,
.divider::before, .divider::after {
background: #360f5f;
}

Best regards

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