Return to previous page

Customizer preview does not auto refresh in the most of XStore options

This topic has 10 replies, 4 voices, and was last updated 2 years, 2 months ago ago by Awais Ahmed

shady

Participant

July 24, 2022 at 15:03

The customizer preview is not showing for the most of XStore features, it does not automatically refresh to show the modification I did

It is working fine with the basic WordPress settings like (Site Identity, Home Page Settings .. etc)

But when I change something relative to XStore options (header builder, footer styling … etc, it did not auto show the changes, I have to publish then refresh manually !

#330385 Copied Theme version: 8.2.3 WooCommerce version: 6.6.0

9 Answers

Rose Tyler

Support staff

July 24, 2022 at 16:03

Hello,

Thanks for using our theme and for contacting us.
Try to disable all the third-party plugins (including cache plugins), that do not come bundled with XStore https://www.8theme.com/documentation/xstore/plugins/included-plugins/ , clear the cache of the browser, and check then. Maybe one of the additional plugins is a reason for the problem.
If the problem is independent of plugins, record a video from the customizer, please.

Regards

#330386 Copied

afaqshakoor

Participant

September 8, 2022 at 09:25

Is custom CSS required to fill these icons with the default color?
https://postimg.cc/5XW68zfy

#333543 Copied

Rose Tyler

Support staff

September 9, 2022 at 07:18

Hello @Afaqshakoor,

Please check this screenshot – https://prnt.sc/NsHWzhNp4dhF

Regards

#333589 Copied

afaqshakoor

Participant

September 9, 2022 at 08:03

Hi Rose,

The screenshot link is not accessible.

#333595 Copied

Rose Tyler

Support staff

September 9, 2022 at 08:30

Hello @Afaqshakoor,

Try to check this one – https://gyazo.com/8556523920ea93259f4fb4280c379c20

Regards

#333598 Copied

afaqshakoor

Participant

September 9, 2022 at 08:39

Hi Rose,

I actually meant to make the social icons default background, this was handled by customCSS on the single product page.

Go this from support and it worked perfectly on the single product page. Want to do the same for the header social icons:

.single-product-socials a[data-tooltip=’Facebook’] {
color: #3b5998 !important;
}
.single-product-socials a[data-tooltip=’Whatsapp’] {
color: #25D366 !important;
}
.single-product-socials a[data-tooltip=’Twitter’] {
color: #00acee !important;
}
.single-product-socials a[data-tooltip=’Linkedin’] {
color: #0072b1 !important;
}
.single-product-socials a[data-tooltip=’Pinterest’] {
color: #c8232c !important;
}

#333599 Copied

Awais Ahmed

Participant

September 9, 2022 at 10:12

Hello, @afaqshakoor,

Sorry for the inconvenience, please correct me if I am wrong:
You want the social icons in the header in their default background color, right? https://postimg.cc/5XW68zfy

And your provided URL is showing this: https://postimg.cc/WDXVkjfJ please provide me the live working URL of your site, so that I’ll check and prepare the Custom CSS for your site for header social icons.

Regards 8Themes Team.

#333617 Copied

afaqshakoor

Participant

September 9, 2022 at 18:51

Hi,
The live working URL is http://www.jbeestore.com

#333653 Copied
Awais Ahmed

Participant

September 10, 2022 at 06:53
Hello, @afaqshakoor,

Thanks for sharing the URL of your site I have checked the social icon color in the theme there is no option you have to make it with the help of custom CSS code. Navigate to the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box.
```
.et_b_header-socials.et_element-top-level.flex-row a:first-child path {
color: #3b5998 !important;
}
.et_b_header-socials.et_element-top-level.flex-row a:nth-child(2) path{
color: #E4405F !important;}
.et_b_header-socials.et_element-top-level.flex-row a:nth-child(3) path {
color: #25D366 !important;
}
```
Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/XpmYw0T4

Regards 8Themes Team.
#333663 Copied
Tagged: auto-refresh, best selling, customizer, preview, themes, woocommerce, xstore
Viewing 10 results - 1 through 10 (of 10 total)