Search Results for 'css'

[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

[Harry]

Hi Marjolein,

You can add custom css code in Claue > Theme Option > General Layout > Custom CSS

.btn-quickview,
.product-inner .product-image .product-btn .button,
.product-inner .product-image .added_to_cart {
background: none;
border: 1px solid #222;
line-height: 40px;
margin: 10px 0;
}

You can change text in button by use Loco Translate plugin http://support.janstudio.net/forums/topic/theme-translation/ when create new language choose English-Us

Cheer,
Harry

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

[Harry]

Hi,

This because stripe css on new iOS it auto detect Apple Pay.

You can add some css to fix

@supports (-webkit-appearance: -apple-pay-button) {
@media only screen and (max-width: 767px) {
.single-product div.product .stripe-enabled form.cart .quantity {
width: 100%;
}
.single-product div.product .stripe-enabled form.cart .quantity ~ .button,
.single-product div.product .stripe-enabled form.cart .quantity + .button {
width: calc(100% – 95px);
margin: 10px 0 0 15px;
}

}

Best regards

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

[michylee]

Thanks again.

But… i’ve put your advice in Custom CSS Style (in Theme Options) but… the logo still remain 150px x 41.5.

Argh, i don’t understand why, sorry!