Search Results for 'css'

[edolmen]

hello, I want to customize the css in order to add some space on top and bottom of the header, however I cannot set this as I see that there is an inline property which sets the height to 110px (see attachment).

I checked in the template file but do not see this hardcoded style, so I a wondering how to remove this property.

Can you please check? thanks

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

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

@media only screen and (max-width: 1440px) and (min-width: 1024px) {
.header-lateral #jas-content {padding: 0 15px;}
}

2. Please go to WooCommerce > Settings > Products > Display > Product Images > Change all dimension to equal ( width = height). After that you go to Tools > Regenerate Thumbnails

3. Sorry this issue not yet fix. You also need update theme to latest version 1.2.4 and plugin Variation Swatch to version 1.0.1 with more fix bug and improve.

Best regards

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

[Foster]

Hi,

I understood, please use the custom CSS code below

 

@media only screen and (min-width: 736px) {
.woocommerce-breadcrumb, .jas-breadcrumb {
max-width: 1170px;
    margin: auto;
    text-align: right;
padding: 0 !important;
}
}

[Harry]

You can add custom css

.header-sticky .ubermenu .ubermenu-item a { padding: 5px 20px 10px;}

But this effect not much

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

[Harry]

Hi,

This issue because Instagram update their API now the image will display both landscape and portrait https://instagram-press.com/blog/2017/08/29/improvements-to-posts-with-multiple-photos-and-videos/

You can fix by add custom css code in JanStudio > Theme Option > General Layout

.jas-sc-instagram .item img {
height: 320px;
max-width: inherit;
width: auto;
}

Best regards

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

[Harry]

Hi Stephane,

Sorry for late reply.

You can fix by add custom css

@media only screen and (max-width: 736px) {
.shop-top-sidebar {
overflow-x: none;
overflow-y: none;
}

}

Best regards

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

[Harry]

Hi,

You can hide this by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

.additional_information_tab, #tab-additional_information { display: none !important;}

Best regards

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

[Harry]

Hi Aton,

You can fix radio wrapping on checkout  page by add custom css

#wc_checkout_add_ons .input-checkbox { float: left; margin: 8px 10px 0 0;}

Best regards

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

[Harry]

Hi Ryteirvakare,

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

@media only screen and (max-width: 414px) {
.jas-promotion h3 { font-size: 28px !important; line-height: 1 !important;margin-bottom: 15px !important;}

.jas-promotion h4 { font-size: 16px !important; line-height: 1 !important;margin-bottom: 20px !important;}
}

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 for this

footer .widget_nav_menu {
text-align: center;
}

Best regards

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