Return to previous page

How can I import the ‘Informations’ section seen in some demos in Elementor?

This topic has 4 replies, 1 voice, and was last updated 2 years, 10 months ago ago by Robert

Robert

Participant

January 29, 2022 at 18:31

Hello

I am getting used to Elementor, since many of your newer themes do not support WPBakery. One useful feature was the ‘Informations’ feature with vertical tabs (tours in WPBakery) I have used on WPBakery sites. See here:

https://xstore.8theme.com/informations/#1452516127617-4775c4f9-cca6

On an Elementor page, I tried to use XStudio to import this Informations feature which is advertised on your demos, but can’t find it in the XStudio or any Elementor XStore demos. Is it actually available for Elementor, and if so, how do I import it?

I did notice that Elementor has a tabs widget which I can change the ‘Position’ to Vertical. It looks like it should work except the styling doesn’t match your Informations page in the demo above. Can you advise me how to either import the above page section into Elementor or provide the styling to get it to look like the above demo, please?

Regards
Robert

#315551 Copied Theme version: 8.0.12

3 Answers
Robert

Participant

January 29, 2022 at 19:33
I have worked out part of how to style the Elementor tabs widget in vertical position… how to create a line under each tab heading with CSS:
```
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
    border-bottom: 1px solid var(--et_border-color);
}
```
I will experiment with the text options in the widget itself to get it to look more like the WPBakery version on the Informations page above.
#315553 Copied
Robert

Participant

January 30, 2022 at 03:14
Sorry, the above CSS code should read…
```
.elementor-widget-tabs .elementor-tab-desktop-title {
    border-bottom: 1px solid var(--et_border-color) !important;
}
```
This will underline the tabs titles.

One more problem with Elementor tabs… I am unable to create custom anchor IDs for each tab as I could with WPBakery. This is frustrating. I can of course use the browser inspect tool to work out the DIV id, but this is not a custom or browser-friendly ID for links in the URL bar.

What XStore needs is an Elementor addon pack, such as EA Essential Addons for Elementor.

https://essential-addons.com/elementor/docs/open-a-specific-tab/

This would allow us to enter custom anchor IDs.

Please can 8theme consider this type of addon, as with WPBakery, you have Massive Addons.

Regards
Robert
#315564 Copied
Robert

Participant

January 30, 2022 at 03:58

OK, I found a free plugin which may solve my issues with custom anchor IDs in tabs called Essential Addons for Elementor, By WPDeveloper.

https://wordpress.org/plugins/essential-addons-for-elementor-lite/

This seems to fit my needs, although I will have to work on styling it. I will close this ticket.

#315565 Copied
Tagged: demos, elementor, import, informations, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How can I import the ‘Informations’ section seen in some demos in Elementor?’' has been successfully resolved, and the topic is now closed for further responses

How can I import the ‘Informations’ section seen in some demos in Elementor?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection