WOODMART CUSTOMIZATION

This topic has 24 replies, 2 voices, and was last updated 2 years, 10 months ago by Aizaz Imtiaz Awan.

Viewing 25 posts - 1 through 25 (of 25 total)

Author

Posts
December 13, 2021 at 3:52 pm #339191

DJLS1997
Participant

(1) I want the font color in shop sidebar subcategories to be black, now is shown as grey. I changed it in the theme settings and made it black but is still shown grey.

Please check it

(2) My client wants the font colour in all product prices to be black. As i can see if i change the primary colour from purple to black is changing and some other elements colours, how i can change to black ONLY the prices of the products?

(3) My client wants the price in product pages to be black, now is shown as grey how we can make it black in the product page?

(4) My client wants in the shop page the product grid to have more spacing between products, as i can see in the theme settings am allowed to choose maximum 30px spacing, how i can increase the spacing in shop page product grid.

(5) My client wants to increase the height of the placeholder heading image that is shown in shop pages because the images that he is adding for the product categories are looking cut, how we can increase the height of the heading banner is shown in the shop pages?

(6) My client wants to remove the title from the shop page heading images but keep the images, how we can do that? In the theme, settings is allowing those 3 options

– title to be centered
– title to be left
– title not display & heading image does not display

December 14, 2021 at 9:01 am #339345
Aizaz Imtiaz Awan
Keymaster
Hello,

1) Please try adding the following Custom CSS in the Global Custom CSS area under Them Settings >> Custom CSS.
```
.widget_product_categories .product-categories li a {
    color: black;
}
```
2) Please try adding the following Custom CSS in the Global Custom CSS area under Them Settings >> Custom CSS.
```
span.woocommerce-Price-amount.amount {
    color: black;
}
```
3) Please try adding the following Custom CSS in the Global Custom CSS area under Them Settings >> Custom CSS.
```
.price .amount {
    color: black;
}
```
4) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Them Settings >> Custom CSS.
```
.wd-spacing-30>[class*="col"] {
    padding-right: 20px;
    padding-left: 20px;
}
```
5) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Them Settings >> Custom CSS.
```
.title-size-default {
    padding: 100px 0;
}
```
6) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Them Settings >> Custom CSS.
```
.title-size-default .title {
    display: none;
}
```
Best Regards
December 14, 2021 at 12:22 pm #339422

DJLS1997
Participant

Thanks for the reply!

(1) Fixed!

(2) Fixed!

(3) Fixed!

(4) Left and right padding added, but i want to add padding also in top and bottom how i can do that?

(5) Didn’t fixed! I’ve added the following code but didn’t changed the height of the shop pages header banners

(6) Fixed!

December 14, 2021 at 12:53 pm #339428
Aizaz Imtiaz Awan
Keymaster
Hello,

4) Please replace the previous Custom CSS in Custom CSS for the Desktop area under Theme Settings >> Custom CSS.
```
.wd-spacing-30>[class*="col"] {
    margin-bottom: 20px;
	padding-right: 20px;
    padding-left: 20px;
	margin-top: 20px;
}
```
5) Please replace the previous Custom CSS in Custom CSS for the Desktop area under Theme Settings >> Custom CSS.
```
.title-size-default {
    padding: 200px 0;
}
```
Best Regards
December 14, 2021 at 4:29 pm #339502

DJLS1997
Participant

(4) The margin is breaking the layout is not adding padding from top to the product image and padding from image and bottom, the only padding is adding is at right and left only please check the screenshot below !

(5) Still not showing any changes.

Attachments:
You must be logged in to view attached files.

December 15, 2021 at 7:39 am #339629

Aizaz Imtiaz Awan
Keymaster

Hello,

4) Sorry but if you try adding the margins from top it will break the layout. You can only add from the bottom.

Otherwise it requires Customizations.

5) The height is working fine. Please clear cache and check back.

Screenshot for Clarification: https://gyazo.com/6d6b0b45d34861a115d42fbefee71944

Best Regards

December 15, 2021 at 2:10 pm #339775

DJLS1997
Participant

(5) The height i notice sometimes is showing fine, and sometimes is showing small like is the actual theme.

I try using incognito mode and still is not consistent is not always showing big, sometimes is showing small and sometimes big, it seems the code works in randomly times.

(6) NEW QUESTION: Can you please give me custom code to make the prices that are on SALE purple like my primary colour instead of black?

December 16, 2021 at 7:49 am #339892
Aizaz Imtiaz Awan
Keymaster
Hello,

1) The height is showing fine all the time. It is a cache issue on your side. Please clear the browser cache and check back.

2) Sale price will be in primary color if you remove the CSS provided in my previous Replies.

If you want to change the sale and the original amount colors separately then try adding the following Custom CSS.
```
body .price del .amount {
color: red;
}

body .price ins .amount {
color: blue;
}
```
Best Regards
December 30, 2021 at 3:35 pm #342750

DJLS1997
Participant

Hey i do need some more customization help for my client website muaprostore.com

(1) Sold out text to become a little bid smaller cause is breaking the shop UI/UX is not showing good! I provide screenshot bellow to better understand

(2) SHOP Main/Parent Categories to be BOLD, but SHOP subcategories to stay as they are

(3) When am visiting the product pages and hovering my mouse over product images is showing one strange code, how i can stop this from happening my client complained about that, bellow i upload screen to better understand.

(4) Remove from Mobile Devices, the SHOP Pages the Title like we did for desktop devices

Attachments:
You must be logged in to view attached files.

December 31, 2021 at 6:38 am #342826
Aizaz Imtiaz Awan
Keymaster
Hello,

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
```
.product-label.out-of-stock {
    width: 100px;
}
```
2) Please provide a relevant screenshot to check it myself and help you out accordingly.

3) Please deactivate all the third party plugins and check back.

4) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.
```
.title-size-default .title {
    display: none;
}
```
Best Regards
December 31, 2021 at 11:45 am #342864

DJLS1997
Participant

(2) Bellow I provide a few screenshots for you to better understand, my client wants the categories to be super bold & black so can differ from sub-categories.

Attachments:
You must be logged in to view attached files.

December 31, 2021 at 12:20 pm #342871

DJLS1997
Participant

3) I tried deactivating all the plugins and keep only the main plugins needed for the website to work but i was unable to spot the issue do you have access to my website to check it by your self and inform me once you spot whats causing this isse?

December 31, 2021 at 1:18 pm #342875
Aizaz Imtiaz Awan
Keymaster
Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
```
li.cat-item.cat-parent {
    font-weight: bold;
}

.categories-accordion-on .widget_product_categories .children a {
font-weight: normal;
}
```
2) Sorry but I am unable to see the issue on your website. Please provide the URL of the page where the issue exists to let me assist you further.

Best Regards
January 1, 2022 at 9:21 am #342936

DJLS1997
Participant

(1) DONE

(2) This issue occur in all products when visiting the product page, if you leave the mouse above the product images that are shown inside the product page, one strange code will appear.

Here are some product pages, but this occur in all product pages! When you let the mouse above the images inside the product pages one strange code is showing up

https://muaprostore.com/shop/balm-contour/
https://muaprostore.com/shop/colorfix-foils/

January 1, 2022 at 11:01 am #342945

Aizaz Imtiaz Awan
Keymaster

Hello,

The issue seems to be caused by the “Woo Variations gallery plugin” Please deactivate the plugins and check back.

Best Regards

January 14, 2022 at 10:15 am #345356

DJLS1997
Participant

Hi is being a long time! 😛

I have a client that needs an eshop website that some product will not be available for checkout but in the product page he want to have an inquiry button that once is clicked to redirect them in a custom contact page we will create, or a popup contact form to show up and the visitor to fill it.

So in a few words, he wants some products to not be purchasable form the website but in the product page to have a button that once visitors will click it to redirected in a contact form.

Can i do it using your theme? To add any sort of shortcode or anything that will put a button in the product detail pages i want, or in all product pages that are not purchasable from the website.

January 14, 2022 at 11:30 am #345382

Aizaz Imtiaz Awan
Keymaster

Hello,

Sorry but there is no option in Theme Settings available for that. You need to find a plugin that meets your requirements.

Best Regards

January 17, 2022 at 5:11 pm #345960

DJLS1997
Participant

Hi! For my woodmart client http://www.muaprostore.com

(1) MOBILE DEVICES -> Shopping Cart Header Image is showing very small in height need a code to make it larger in height

(2) MOBILE DEVICES -> Checkout Header Image is showing very small in height need a code to make it larger in height

(3) Shop Main/Parent Product Categories -> you gave me a code to make all main/parent product categories BOLD and worked fine! But now I’ve added a new product category named CHERI UP and as i can see is not BOLD, like the other Parent Categories.

http://www.muaprostore.com/shop

January 18, 2022 at 7:11 am #346054
Aizaz Imtiaz Awan
Keymaster
Hello,

1) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.
```
.woocommerce-cart .page-title {
    padding: 80px 0;
}
```
2) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.
```
.woocommerce-checkout .page-title {
    padding: 80px 0;
}
```
3) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
```
li.cat-item.cat-item-1298 {
    font-weight: bold;
}
```
Best Regards
January 18, 2022 at 2:40 pm #346182

DJLS1997
Participant

Everytime my client is adding new Main Category i have to add a special code to make it BOLD? there is not a way to add 1 code and make all the Parent/Main Categories bold?

January 19, 2022 at 6:51 am #346291

Aizaz Imtiaz Awan
Keymaster

Hello,

Because the CSS provided is for the parent category. And the rest are displayed with normal font weight.

Please add sub categories to the new categories then the parent will become bold.

Best Regards

January 20, 2022 at 8:55 am #346642

DJLS1997
Participant

Hi thanks for clarifying that!

(1) MOBILE DEVICES -> Shop Pages Header Image is showing very small in height need a code to make it larger in height

(2) DESKTOP DEVICES –> The custom CSS code you sent me to add in order to make the Shop Pages Header Image larger in height as i can see is not working properly! Somedays is working fine and other days is showing the default woodmart height. I Spot this issue before many days but i thought was catching issue that is why i requested from few friends to browse the website for a few days, and they notice that what am saying is true, somedays the Shop Pages Height in Desktop devices is large as per the code and other days is small as the default woodmart theme.

Today my client also called me and complaint about that! Please help me.

Attachments:
You must be logged in to view attached files.

January 20, 2022 at 12:04 pm #346702
Aizaz Imtiaz Awan
Keymaster
Hello,

1) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.
```
.woodmart-archive-shop .page-title {
    padding: 80px 0;
}
```
2) The CSS I provided is working fine. The issue seems to be a cache on your side. Please clear cache and check back.

Screenshot for Clarification: https://gyazo.com/57252f8e7088515296fff8effd5f240c

Best Regards
January 23, 2022 at 1:22 pm #347266

DJLS1997
Participant

Thanks done!

– Tablet Shop Image is Small in height
– Tablet Cart & Checkout Image is Small in height

January 24, 2022 at 7:55 am #347377

Aizaz Imtiaz Awan
Keymaster

Most Welcome 🙂

Thanks for contacting us.
Have a great day 🙂

Closed!
Note: Please create a new ticket every time for the new issue on the support system.
Author

Posts