Search Results for 'css'

[Harry]

Hi,

you can add custom css code

.archive .page-head {
padding: 0;
position: relative;
}

.archive .page-head h1 {
margin-top: 50px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}

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 in JanStudio > Theme Option > General Layout > Custom CSS

.form-row.form-row-wide.address-field {
float: right;
width: 49%;
}

@media only screen and (max-width: 736px) {
.form-row.form-row-wide.address-field {
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 in Claue > Theme Option > General Layout > Custom CSS

.product-image .product-btn .button:hover,
.product-image .product-btn .btn-quickview:hover {
color: #fff;
background: #222;
}

and change #222 with your color

Best regards

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

[Harry]

Hi,

You can use this css

.signup-newsletter-form input.submit-btn {
background: #222 !important;

}

Change #222 with your color

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

[capellaink]

This reply has been marked as private.

[capellaink]

This reply has been marked as private.

[Harry]

Hi,

1. I saw you add some custom css for Add to cart Popup, please remove these and use below css code for popup

.cart__popup .cart__popup-title, .cart__popup .cart__popup-related-title { font-size: 13px;}
.cart__popup-action .checkout-button {background: #ff9898 !important;}
.cart__popup .center-xs.fs__20 { font-size: 13px;}
.popup__cart-product .modal_btn_add_to_cart {font-size: 10px; background: #ff9898 !important; color: #fff !important;}
.cart__popup .cart__popup-price .woocommerce-Price-amount.amount { font-size: 11px !important;}

2. You can change these text by use Loco Translate plugin http://support.janstudio.net/forums/topic/theme-translation/

After install LocoTranslate plugin you navigate to Loco Translate > Themes > Claue > New Languages > English (US) and search the text you want to change and change as you want

Regards,

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

[Foster]

Hi,

I saw you added the custom CSS to hide this form, I have adjusted for you, please check.

[Harry]

Hi,

Can make header layout 4 sticky by download attach file and extract to claue-child > views > header, create new folders (views, header)

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

#jas-header.header__mid.header-sticky {
width: 100%;
left: 0;
z-index: 1000;
background: #fff;
}
.header-4 { height: auto !important;}

Best 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

[capellaink]

Hi,

What’s the custom css to change the styling for the pop-up after add to cart:

1. Font size for “Your Order” title
2. Font size for “You might also like these” title
3. Change the text “You might also like these” to something else
4. Change the “Proceed to Checkout” button color
5. Change the size of “Subtotal” text
6. Font size & weight of the Related Product titles below
7. The “add to cart” button style, to be the same style as the “Proceed to Checkout” button, as in filled, with background color, and white text.
8. Change font size of the product price, on this pop-up only, not the product quick view pop-up. I’ve set the product quick view pop up size to 20px. But it also reflects in this pop-up. I used this code:

.jas-wc-single .woocommerce-Price-amount.amount,
.product-quickview .woocommerce-Price-amount.amount {
font-size: 20px;
}

thanks so much!!!