Search Results for 'css'

[Harry]

Hi Dialectos,

Our theme doesn’t support show header image background.

1. If you want show header background image. Please add below code to Claue > Theme Option > General Layout > Custom CSS

#jas-header {
	background: url('https://dialectos.mx/wp-content/uploads/2020/08/Portada.jpg') center center no-repeat;
	background-size: cover;
}

2. To set large image for metro layout you need enable large image for the product you want show image bigger

https://prnt.sc/tvgxoi

Kind regards

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

[Harry]

Hi Ncohen,

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

.page-head::before {
	background: rgba(0,0,0,0.5);
}

and change 0,0,0 as your RGB color and 0.5 as opacity from 0.0-1.0

2. Please contact to plugin author? and add action hook to

woocommerce_shop_loop_item_title

Kind regards

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

[Harry]

Hi Rekokni,

Thank you for bought our theme.

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

.product-image .db::before {
	background: rgba(246, 246, 246, 0.9);
}

and change 246,246,246 to your RGB color and 0.9 as opacity from 0.0 to 1.0

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

.jas-sticky-atc .wcppec-checkout-buttons {
	margin: 0;
	overflow: hidden;
}

Kind regards

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

[Harry]

Hi,

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

.product-info .price {
	color: #ec0101;
	font-size: 18px;
}

2. Please go to Theme Option > WooCommerce > Product Listing Settings > Style > Grid https://prnt.sc/tss5h9

Kind regards

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

[Harry]

Please add more code to fix issue number 2 in Gecko > Theme Option > General Layout > Custom CSS

.wc-single-1 .wc-tab {
padding: 35px 0;
}

Kind regards

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

[Harry]

Please add more code to fix issue number 2 in Gecko > Theme Option > General Layout > Custom CSS

.wc-single-1 .wc-tab {
	padding: 35px 0;
}

Kind regards

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

[[email protected]]

Hi Harry,

 

1)  For the buttons you shared links of experts who will cost more than the theme itself, please guide me which theme files I need to edit in order to change the HTML of this section of products card, I will find a solution.

2) It’s not about which width of the image is currently, I think some CSS conflict or property overriding the full width, as you can see I have uploaded a high resolution image, still showing inside the frame.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1, You can fix by open file helper.php in wp-content > claue > core > libraries > janstudio > hooks and change code on line 1224

if ( cs_get_option( 'transparent-main-menu-hover-color' ) ) {
	$css[] = '
		.home .header__transparent .jas-menu li > a:hover {
			color: ' . esc_attr( cs_get_option( 'transparent-main-menu-hover-color' ) ) . ';
		}
	';
}

to

if ( cs_get_option( 'transparent-main-menu-hover-color' ) ) {
	$css[] = '
		.home .header__transparent .jas-menu li > a:hover {
			color: ' . esc_attr( cs_get_option( 'transparent-main-menu-hover-color' ) ) . ';
		}
		.home .header-sticky .jas-menu > li > a,
		.home .header-sticky .jas-action a  {
			color: ' . esc_attr( cs_get_option( 'sticky-main-menu-color' ) ) . ';
		}
	';
}

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

.home .header-sticky .jas-menu > li > a,
.home .header-sticky .jas-action a  {
	color: #222;
}

and change #222 with your color

2. Please add below code to Claue > Theme Option > Scheme Color and change primary color.

Kind regards

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

[Harry]

Hi Donguegra,

1. I’m not clear the issue

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

button.single_add_to_cart_button {

	padding: 0 15px;
}

Kind regards

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