Search Results for 'css'

[Harry]

Please follow this topic to inspect element on your site https://www.hostinger.com/tutorials/website/how-to-inspect-and-change-style-using-google-chrome

And add “rtl” class for your css code.

Kind regards

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

[Harry]

Hi,

1. You can change number of product per row in Claue > Theme Option > WooCommerce > Product Listing Settings > Number Of Column and turn off column switcher in Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Column Switcher > Off

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

.rtl .header-2 .jas-menu > li {
    float: right;
}
.rtl .header-2 .jas-menu > li:not(:first-child) {
	margin-right: 50px;
	margin-left: 0;
}

Kind regards

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

[Harry]

Hi Djwilko,

Please install claue-child theme and follow this topic to add custom font to child theme https://www.cssigniter.com/add-custom-fonts-wordpress-website-using-child-theme/

Kind regards

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

[Harry]

Hi,

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

@media only screen and (max-width: 736px) {
.header__mid .jas-row {
	position: relative;
}}

Kind regards

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

[Harry]

Hi ParaMar,

1. Please go to Claue > Theme Option > WooCommerce > Product Detail Settings and follow this screenshot https://prnt.sc/quaxrb

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

.single-product-thumbnail .p-nav {
	display: none;
}

Kind regards

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

[Harry]

Hi Niklas,

Please reply on this topic add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-menu > li.mega-menu > ul {
	left: 0 !important;
}
.jas-navigation {
	position: inherit;
}
.header__mid {
	position: relative;
}

Kind regards

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

[Harry]

Hi,

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

.product_title {font-size: 16px;}

And change 16 to your number.

Kind regards

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

[Harry]

Hi Cairs,

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

.woocommerce-Price-currencySymbol {
	display: none;
}

.checkout .woocommerce-Price-currencySymbol {
	display: block;
}

Kind regards

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

[Harry]

Hi,

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

#billing_address_1_field,
#billing_postcode_field {
	width: 49%;
	display: inline-block;
	margin-right: 2%;
}
#billing_address_2_field,
#billing_city_field {
	width: 49%;
	display: inline-block;
}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
	right: 5px;
}
.checkout .select2-container--default .select2-selection--single {
	border: 1px solid #ccc;
	border-radius: 0;
	height: 40px;
}
.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
	padding: 0 15px;
}

@media only screen and (max-width: 736px) {
#billing_address_1_field,
#billing_postcode_field,
#billing_address_2_field,
#billing_city_field {
	width: 100%;
	margin-right: 0;
}

Kind regards

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

[Harry]

Hi Tom,

I see the version of theme on your site outdated. Please follow this topic to update theme http://support.janstudio.net/forums/topic/updating-the-theme/

1. Please download new attach file and put in claue-child > woocommerce

And add new code to Claue > Theme Option > General Layout > Custom CSS not use old code

.quickview-button {bottom: -10px; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all 0.1s;}
.product-image:hover .quickview-button {bottom: 0; opacity: 1; visibility: visible;}
.quickview-button a { background: #f2f2f2; transition: all 0.3s}
.product-btn .btn-quickview {
	display: none;
}
.btn-quickview  {
	margin: 0;
	padding: 0;
}

2. The features you said in Shopify version not on WooCommerce.

Kind 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