Issue with color customization

[rcdiaz207]

Hi

I purchased a new product license for my new website.  I have a few issues I can’t find how to edit in the settings.

1. In the product page below the menu and above the product there is a gray bar, How do I remove this? (image 1)
2. On the mobile the product page shows the images in a slider. How do I remove the arrows from the slider or how Can this be changed so the the images can show below each image like in the PC and tablet mode and not as a slider?
3. In the shop menu, when a menu item is selected it appears in a blue color, how can I change this color? Also in this product-category, when there are no products the message is shown in a blue box. How do I change the color of this message.  (image2)
4. In Pages how do I add some spacing to the left edge of the entire page including the footer areas? (image 3)

Thank you

• This topic was modified 3 years ago by rcdiaz207.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Rcdiaz,

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

.bgbl.pt__20.pb__20.pl__15.pr__15.lh__1 {
	display: none;
}

2. Please download attach file, extract and put in claue-child > woocommerce > single-product

3. You can change by add below code to Claue > Theme Option > General Layout > Custom CSS

.shop-top-sidebar .widget ul li.current-cat > a {
	color: #000;
}
.woocommerce-info {
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	color: #31708f;
}

and change #d9edf7 #bce8f1 #31708f to your color code

4. You can change by add below code to Claue > Theme Option > General Layout > Custom CSS

#jas-content, #jas-footer {
	padding: 0 20px;
}

and change 20 with your number.

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

[rcdiaz207]

Thank you

Everything works. for issue 4 padding is added on both sides of the page.  Can it be only applied to the let side?

The single-product.php file, I added this to the WooCommerce folder but I dont see any changes applied afterwards.  What should I be seeing.  Does this remove the arrows or does this remove the carousel and make the images one below the other?

 

 

[Harry]

Hi,

Please change code to for padding left

#jas-content, #jas-footer {
	padding: 0 0 0 20px;
}

The file is product-image.php in folder single-product it will remove the carousel and remove arrow too.

Kind regards

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

[rcdiaz207]

I replaced the single-product.php with yours but in the mobile page it still shows a carousel for the images in the single product view.  Do I need to change anything else.  Im using the 4th option in the product detail style which gives it the desired look in the pc and the tablet but not in the mobile.

 

thanks

[Harry]

Hi,

Please create folder single-product in clảue-child > woocommerce and put the file product-image.php in single-product not replace single-product.php

Kind regards

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

[rcdiaz207]

1. In the Shop page how can I not show the color circles under the $price?
2. How can I center the title and price under the main image?
3. I have the product flip option turned on for the main image in the Shop but there’s no action the the main images. How can I have the main image flip to a second image?

thank you

[Harry]

Hi,

1. Please go to Dashboard > WPAddons > Variation Swatch > Show on list > Off

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

.product-info {
	text-align: center;
}

3. You need upload image for product gallery to make flip for main image in the shop.

btw, can you send me the file to confirm you new purchase https://tppr.me/8MoYz that i can update your user’s info.

Thank and regards

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

[Harry]

Hi,

The first image in gallery should be different with the main image. I see you set the same so it not change.

Kind regards

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

[rcdiaz207]

I see. Works great thanks.  Is there a way to remove the gray highlight when you hover over the product so in can just be clear?

[Harry]

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

.product-image a.db::before {
	display: none;
}

Kind regards

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

[rcdiaz207]

In the shop page how do I center the color attributes circles?  Thank you

[Harry]

Hi,

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

.product-info .swatch__list {
	align-items: center;
	text-align: center;
	justify-content: center;
}

Kind regards

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

[Author]

Posts