How to edit the marquee element available on X-Store?

Hello, @GTP,

1) Regarding your request to include words inside blocks within the marquee element, I would like to guide you through the process of achieving this. Please follow the steps below:

a) Navigate to the Marquee settings located on the left sidebar.
b) Under the “Style” tab, select “Items.”
b) Here, you can make adjustments to the marquee element, including changing the background color and text color and other settings such as border radius as needed.

For a more detailed visual reference, I recommend consulting the following screenshots:https://imgur.com/a/nvWXgT9

2) Additionally, we recommend using the XStore General Tabs for achieving the desired Block text. Below are the developer-friendly steps:

Here is a step-by-step guide on how to implement this:

a) Edit Any Page or Post with Elementor:
Navigate to the page or post where you want to integrate the text slider. Utilize Elementor for easy customization.

Add XStore General Tabs Widget:
Once in the Elementor editor, locate the XStore General Tabs widget. Drag and drop this widget onto the desired section of your page.

c) Configure XStore General Tabs Settings:

In the Content section >> General, you can set the Layout and Horizontal style, such as Style 4 and others.
In the Items section, edit the content of the tabs accordingly.

For a visual reference, please consult https://imgur.com/a/5M2XHwf

Explore other sections like Style and Advanced for additional customization options.

If you encounter any issues or need further assistance, please feel free to reach out. We’re here to help!

Best Regards,
The 8Theme Team

Hello, @GTP,

1) You’re welcome!

2) Thank you for reaching out to us with your query. Regarding your question about placing the marquee element “on top” of a video or gif, yes, it is indeed possible.

To achieve this, you can use the layering feature within Elementor to ensure that the marquee element is positioned above the video or gif element. Elementor provides a comprehensive documentation guide on layering elements, and you can find detailed instructions in the following link:https://elementor.com/academy/gradient-background-add-gradient-effects-to-wordpress/

Additionally, for the dynamic background color change in the specific area, Elementor offers a versatile solution through gradient effects. To assist you in implementing this feature seamlessly, we recommend referring to the instructional video provided in the following link: https://www.veed.io/view/e6811163-2d3d-4f6d-9870-ee73490039f7?sharingWidget=true&panel=share .

3) To address your concern, I’m pleased to inform you that you can indeed incorporate dynamic elements, including arrows, into the content of the XStore Marquee. The process is straightforward, and I’d be happy to guide you through it.

Please follow these steps:

a) XStore Marquee Settings >> Content>> General.
b) Locate and click on the “Add Media” button within the editor.
c) Select the media type you wish to add, such as images or icons, and choose the arrow element you prefer.
d) Adjust the placement and styling options to suit your design preferences.

For a visual reference, I have attached images illustrating these steps:https://imgur.com/a/Eh1eCor

4) To address your request for a smaller marquee element, kindly follow the steps below:

a) Navigate to the “Style” section within your website’s dashboard.
b) Under “Items,” locate the “Typography” settings.
c) Within the “Typography” settings, you will find an option to adjust the size of the content. You can set the desired size to make the marquee element smaller.
d) Additionally, if you have incorporated any media elements, please be aware that you can also customize their sizes to align with your preferences.

For a visual reference, I have attached images illustrating these steps:
https://imgur.com/a/wXwSc5c
https://imgur.com/a/YfNTqm2

Kind Regards,
8theme team

Hello, @GTP,

2) You’re welcome! If you have any further questions or need assistance along the way, feel free to reach out. We’re here to help!

3) After careful consideration, we regret to inform you that achieving the exact motion effect you’re looking for with the XStore marquee widget might not be feasible. However, we understand the importance of providing a dynamic and engaging user experience.

As an alternative solution, we recommend utilizing the Elementor Image default widget. Here’s a step-by-step guide:

a)Add the Elementor Image default widget to any section of your website.
b)Upload the image you’d like to use, such as an arrow.
c)In the widget settings, navigate to Advanced >> Motion Effect.
d)Enable the mouse effect and set the Mouse track option.

For your convenience, we have attached a visual reference in the provided image link:
https://imgur.com/a/ZADetlM
https://imgur.com/a/sH3IeiW .

This approach allows you to incorporate a subtle motion effect when users hover over the image, creating a visually appealing interaction. We believe this solution can provide a similar dynamic feel to the user experience.

Additionally, we have included documentation on the Elementor Scrolling Text Effect for your reference. This documentation offers insights into creating a custom marquee with different animations according to your preferences:https://elementor.com/academy/create-an-exit-scrolling-text-effect/

4) We understand that you want to place the marquee element inside a small container with a distinct background color and have the element appear in a smaller size, not spanning the full width. We are pleased to inform you that achieving this customization is indeed possible.

To implement the desired layout, kindly follow these steps:

a)Add a four-column section to your webpage.
b)Customize the background of the section by adding a background image or color of your choice. In your case, you mentioned a green background similar to the website on the PCA.
c)Place the XStore Marquee element within the specific column where you want it to be displayed.
d)Adjust the marquee settings to achieve the desired appearance. Specifically, navigate to the style section and customize the typography settings to make the marquee element smaller in size.

For your convenience, we have prepared a visual reference to guide you through these steps. You can access it through the following image link:
https://imgur.com/a/ymTvTpy
https://imgur.com/a/2O7ut5Z.

5) The effect you’re observing is indeed achievable through the use of a background video with color-changing properties. To implement this on your site, follow these steps:

a)Add a container section to your webpage.
b)Integrate a background video with color-changing effects into this container section. This will create the captivating backdrop that you’ve noticed behind the marquee element.
c)Subsequently, place the XStore Marquee element on top of this container to achieve the overlay effect.

For your convenience and a more visual understanding, we have prepared a reference image to guide you through these steps. Please access it using the following link:
https://imgur.com/a/Ij0EbXk
https://imgur.com/a/rj774Y5

Kind Regards,
8theme team

Hello, @GTP,

You are very welcome! If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Have a nice day!

Best Regards,
The 8Theme Team