Return to previous page

Few Modifications Related to Styling & Colors

This topic has 4 replies, 2 voices, and was last updated 1 weeks, 3 days ago ago by Tony Rodriguez

Ahmed Emad

Participant

May 8, 2024 at 13:58

Hello,

I have the following questions:
1- How o change the color of the the icons on the hover buttons over the products archive component, also how to change the color with the hover states. (https://prnt.sc/PN9tiaPjA5aV)

2- I have an issue with the mobile menu that the categories don’t open the child menu (sub-categories menu) also how to change the hover color. (https://prnt.sc/4LfLXog2bqYP)

3- How to change the text color of the cart, wishlist, compare off-canvas button on the hover states. (https://prnt.sc/rz053iy_nqLN)

4- I tried to change the color and the background of the social media icon in the footer but no changes happened. (https://prnt.sc/nTUqa96nOmZD)

Looking forward to your reply.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#394419 Copied Theme version: 9.3.9

3 Answers

Tony Rodriguez

Support staff

May 9, 2024 at 10:02

Hello, @Ahmed Emad,

Thank you for contacting us and for using XStore.

1/ A/ We Would like to inform you that the change in the color of icons in the products on hover states on home page please follow the steps below:

Xstore > Theme Options
Theme Custom CSS
Global CSS
Change the color as per your requirements in the Highlighted Arrow Areas
Click “Publish” to Save the changes

Please refer to the image provided at the following link for further reference: https://ibb.co/N7wM17j

1/ B/ We Would like to inform you of change the color of icons in the product archive on hover states in Shop page please follow the steps below:

Xstore > Xstore Builders
Product Archive
Select The Product Archive Page and Edit with Elementor
Navigate to the Product Archive Section and Edit > Advanced Tab.
In the Custom CSS Section, You can change the CSS color value as per your requirement.

For Your Reference, You may follow this image link: https://ibb.co/f9g2DDC

2/ Upon reviewing your in the backend of the website The Category dropdown is working correctly for evidence You can see this in the following image: https://ibb.co/fM0XgKV

You can view the result in your site’s Backend mode. To view the result on the front end of your site, this is likely due to the server cache (CDN) that is enabled on your site, as shown in the screenshot under the uploaded files area: https://ibb.co/qk0ThTf

We suggest that you contact your hosting provider to flush the server cache and disable the CDN while you are in the development process. If the changes you make in the Backend are not reflected on the page, it is likely a caching issue. If the changes are visible in the Backend, they should also be visible on the front end. We recommend that you temporarily disable any CDN caching and cache plugins, clear your browser cache, and then check again.

3/ To change the color of cart, wishlist, compare icon in hover states Go to Xstore> Xstore Builders> Select Your Header Edit with Elementor > Navigate to Cart, wishlist , Compare Icon > ‘Style’ Tab > Select Hover and change the color as per your requirements

For more guidance, You can see the following image link: https://ibb.co/5rXrK5n

4/ To change the color of the social links in the Footer Go to Xstore > Xstore Builders> Footer > Select Your Website Footer and Edit with Elementor > Navigate to Social links section > Style Tab > Change the color as your requirements

For Your Reference, You can see the following image: https://ibb.co/mJZK9S8

We hope this helps. Should you require any further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

#394527 Copied

Ahmed Emad

Participant

May 9, 2024 at 12:17

Hello,
Thanks for the reply.
Regarding point 3, I was referring to changing the text color of (Return to shop) on the off-canvas, please check the screenshot (https://prnt.sc/rz053iy_nqLN).

Also regarding the category menu, I have cleared the cache and even visited the website using proxy, and still the menu doesn’t open on the front page.

One more thing also, I can’t change the setting in the fake sale pop up, it is not saving changes.
Regards,

#394538 Copied

Tony Rodriguez

Support staff

May 9, 2024 at 14:24

Hello @Ahmed Emad,

1/ We are pleased to provide you with the steps to change the color of the “Return to Shop” button in your theme settings.

Please follow these instructions:

1. Navigate to Xstore > Theme Options.
2. Select ‘Styles & Colors’.
3. Locate the “Light Buttons” section.
4. Adjust the ‘Background Color’ and ‘Text Color’ according to your preferences.
5. Click “Publish” to save the changes.

For your reference, you may view the following links for visual guidance:
(https://imgur.com/wc7JAlO)
(https://ibb.co/W6czzPc)

3/ We are pleased to inform you that upon a thorough review of your website, the “Fake Sale Popup” feature is functioning correctly. We have implemented the necessary changes, and the modifications are now visible on the front end.

For your reference and verification, we have recorded a video demonstrating the functionality. You can view the video at the following link: [https://streamable.com/69ufjg](https://streamable.com/69ufjg).

Should you have any further inquiries or require additional assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

#394553 Copied
Tagged: color adjustments woocommerce, customize woocommerce wordpress templates, improve woocommerce template style, woocommerce templates modification, wordpress styling changes, wordpress woocommerce color customization
Viewing 4 results - 1 through 4 (of 4 total)