Can’t change primary color

Hello,

I have been trying to use primary color
#F553E1, and secondary color #000000

For the design, but it doesnt work. Please take a look

I also can’t change the product page background to white #FFFFFF,
It’s currently grey

Hello,

01. Navigate to Theme Settings > Typography > Basic > Change the text font color and it is working fine. Check back your site and check the issue.

Please follow this guide about typography:
https://xtemos.com/docs-topic/advanced-typography-settings/

02. Your issue has been resolved. Navigate to Theme Settings > Styles and Colors > Pages Background. Change the Single product background.

Best Regards.

I have several questions, please answer them all to avoid back and forth emails.
Thanks in advance:

1. How can I change the header and footer color to BLACK with WHITE hamburger and add to cart icon?
(Most important question)

2. How to make product displayed on homepage (MOBILE), the same height? I have tried mansory grid, thumbnail view, etc, but seem not to work. You can check: http://snow-tiger-638558.hostingersite.com/

3. How to edit SHOP PAGE? I want to remove tabs like description, etc

Attachments:

You must be logged in to view attached files.

Hello Will31st,

1. Are you referring to change the background color to mobile only?

2. For the Product Archive page, please navigate to Theme Settings > Product archives -> Products styles, here you can enable Even product grid for desktop option to align products if they have different height components.

You can enable it for specific devices as well https://prnt.sc/ASt5z0mmasuz

Please refer to article for more details https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

3. There are 3 default tabs of WooCommerce:

+ The Additional Information Tab: Shows when the Attributes are added under a Product. If the Attributes are not added then the Additional Information tab doesn’t show.

+ Description Tab: This is the main description on the product page.

+ Reviews: Used to show customers’s reviews.

Best Regards.

No, I am referring to all devices:

Desktop, Tablet and Mobile

Hello Will31st,

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Click on the Settings icon https://prnt.sc/8D-wF4ABufyO > Style tab and you change text color scheme to Dark https://prnt.sc/YYxQTkeNoyKr https://prnt.sc/_PZU13XzW3WE and change the background color as well.

Regards,

[Will31st]

How to fill the white gap at the footer, to BLACK

• This reply was modified 7 months, 1 week ago by Will31st.

Attachments:

You must be logged in to view attached files.

Hello Will31st,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.site-content {
    margin-bottom: 0;
}

Regards,

Thanks,

A few more questions:
1. How to change hover color in the header menu, to primary color?
2. How to change the read more in button to something else?

Attachments:

You must be logged in to view attached files.

Hello Will31st,

1. Go to Theme Settings > Typography > Advanced. In this area, you can assign elements to menu items to change font styles https://prnt.sc/1GXLHOUELebV

2. + In order to change / translate words. Please make sure you synced the strings first before changing / translating WooCommerce, WoodMart Core plugins and WoodMart theme. You can refer to article https://xtemos.com/docs-topic/theme-translation/

+ You are also need to select the language for the backend and theme settings for admin from the admin user profile, please edit the user’s profile and then select the language for that user it will show the same on the backend.

Regards,

[Author]

Posts