Create full page tab content

Support
#1

Hi there,

I’m trying to create a full page tab content but in the style displayed in the screenshot here: https://ibb.co/c3V0xYL

Any ideas that’s best to accomplish this by any chance?

TIA!

Mehmet

#2

Hello Mehmet,

Thanks for writing in!

To accomplish what you want, please do the following:

1.) Go to X/Pro > Global Blocks. You will have to create two global blocks for that tab 1 content and tab 2 content.

2.) Take note of their respective global block shortcodes.

3.) Edit your page in Cornerstone or Pro editor. Add the Tabs element and set up two tab items. Insert the global block shortcodes in each of the tab content area.

Hope this helps.

#3

Hi RueNel!

Thank you for the prompt response, that’s great. Will do that for the content of the tabs, but what’s the best way to style the tabs to look like the ones in the image? Just having some issues making it look like the design.

Looking forward to hearing from you and many thanks once again!

All the best,
Mehmet

#4

Hello Mehmet,

If you use the v2 Tabs element, then you will have full control over it’s styling. You can adjust margin, padding, border, colors and background colors. If you don’t see some of style options, you need to turn on the Advanced Mode by going to the Settings > Preferences > Advanced Mode

Regards.

#5

Hey RueNel,

You’re a lifesaver! Thank you so much, worked perfectly well!

X Pro theme and the support from you guys are the best.

Many thanks again!

All the best,
Mehmet

#6

Hi Mehmet,

Glad that we could be of help :slight_smile:.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.