TABS: Tabs to be BELOW the panels (copied from peer to peer section)

[Jonson]

Hey guys.
Was wondering if there was a way to manipulate (css or the code itself) to get the Tabs (class=“x-tabs-list”) to appear underneath the panels (x-tabs-panels).

*gonna add this in here, since it’s telling me it’s too similar to the last post, that I love theme.co. Seriously. Have 1 X license and like 4 pro licenses, and its amazing. TOOOOTALLY pumped for the update!

I would prefer if the code itself can be manipulated (so that I can use the cornerstone editor (for client’s potential editors) per id or site wide, if it has to be that way.

Image:

1. I’m trying to get (section 2 highlighted on the bottom) styling onto the top portion (i used the short-code to make that)

[friech]

Hi Jon,

Thank you for writing in, instead of your using the tab shortcode, please utilize the Tabs element (to have more settings of it). Then to reverse the order of the tabs list and tab panel, please add this to the Tabs’ Element CSS area

$el.x-tabs {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
$el.x-tabs .x-tabs-list {
  order: 2;
}

Hope it helps,
Cheers!

[Jonson]

Man. EXACTLY what I was hoping to find. Thank you so much =]

[friech]

Glad we could help, Cheers!