Return to previous page

Somethings relate to XStore ShortCode 8Theme

This topic has 2 replies, 2 voices, and was last updated 2 weeks, 5 days ago ago by Luca Rossi

giakhiemtoys

Participant

June 17, 2024 at 06:29

Hi 8Theme Support

Thank you for your support so far

Please see my attached picture.

S1: I clicked Xstore Shortcodes here to create button
S2: The pop up box appeared and I filled information I want. However I want to change the background color button but I don’t know how to adjust
S3: The result appeared, but I can’t see the icon and I don’t know how to change the background button
=> S4: So please advice me how to adjust this snippet code to add icon and change the background button successfully

Files is visible for topic creator and
support staff only.

#400123 Copied Theme version: 9.3.11

1 Answer
Luca Rossi

Support staff

June 17, 2024 at 07:41
Hello @giakhiemtoys,

Thank you for reaching out to us and for your kind words about our support.

We appreciate you sending over the screenshots to help us understand the issue better. From your description, it seems you are trying to customize a button using the XStore Shortcodes. To assist you further, I would be happy to guide you through the process of adding an icon and changing the background color of your button.

1. **To change the background color of the button:**
You can add a style attribute directly in the shortcode to change the background color. For example, if you want to set the background color to blue, you can modify your shortcode like this:
```
   [button style="background-color: blue;"]
```
2. **To add an icon to the button:**
To include an icon, you will need to use the icon attribute in the shortcode. You can choose the icon you want from the available list in our documentation. Here is how you can add an icon:
```
   [button icon="icon_name"]
```
Replace “icon_name” with the actual name of the icon you wish to use.

Here is how your complete shortcode might look after the adjustments:
```
[button style="background-color: blue;" icon="icon_name"]Your Button Text[/button]
```
Please replace “icon_name” with the name of the icon you choose and “Your Button Text” with the text you want on the button.

If you need further customization or have any more questions, feel free to ask. We’re here to help!

Best Regards,
8Theme’s Team
#400136 Copied
Tagged: 8theme for woocommerce, best xstore shortcode, enhanced e-commerce experience, quality wordpress themes, reliable xstore shortcode, woocommerce wordpress themes, xstore shortcode 8theme
Viewing 2 results - 1 through 2 (of 2 total)