3 different tabs

Next99 · April 2020

Hi, I would like to create 3 different tabs. In each tabs there are three icons next to each other all I would like to create with shotcodes. I tried to do it but it doesn't work more precisely I can't put the icons in the same horizontal line.

I would like to create such a thing....

Pablo · April 2020

Hello,

Just use the "Tabs" functionalty.

https://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#tabs

Thanks

Next99 · April 2020

Thanks for the answer how can I put the icons in the center now? And remove the edges "do the Simple design via css? Only for this column.

Thanks again

Pablo · April 2020

Can you send me a link to your page?

I have to investigate it to understand the problem.

Thanks

Next99 · April 2020

Hi, where I can send you access data securely?

Pablo · April 2020

We have a lot of admin dashboards to investigate at the moment, so if you will send us a link privately it will take a much more time than sending us them here - that's why I suggest to post it here.

If you are worried about the link, send it and I'll remove it from the topic as soon I notice it.

Thanks

Next99 · April 2020

ok here is a link..: http://rf-design.it/test/

thanks for the help

Pablo · April 2020

Please disable the under maintenance mode first, I cannot access it.

Thanks

Next99 · April 2020

Done, sorry i was sure i put it in normal mode...

Pablo · April 2020

Can you provide some text in that list item?

Right now it's empty

https://prnt.sc/s79esc

Thanks

Next99 · April 2020

Done. I would like the icons to be in the center of the text. And remove the edges "do the Simple design via css? Only for this column.

Thanks!

Pablo · April 2020

All I can suggest is this solution, please paste that CSS code into the Theme Options > Custom CSS & JS > CSS

.ui-tabs-panel .list_item{
	float:left !important;
}

.ui-tabs-panel .column{
	text-align: left !important;
}

This is the most similar thing It can be achieved in the tab item.

thanks

Next99 · April 2020

Thanks for the solution. Is it possible to hide the edges and the gray color of the tabs?

Pablo · April 2020

What do you mean by "edges"?

Can you show me it on screenshot?

Please use this CSS too:

ul.ui-widget-header {background:none !important; box-shadow:!important; border:unset !important;}

Thanks

3 different tabs

Comments