[SOLVED] Tabs side by side

Hello,

I tried Krileons idea to set edit menu and Tabs side by side:

---

.cbEditProfile .tab-pane .tab-row {
width: 15% !important;
display: inline-block !important;
margin-right: 5px !important;
}

.cbEditProfile .tab-pane .tab-row .tab {
display: block !important;
float: none !important;
}

.cbEditProfile .tab-pane .tab-page {
width: 80% !important;
float: right !important;
}

.cbEditProfile #cbIconsBottom {
clear: both !important;
}

---

Looks really nice - BUT: Contitional Plugin doesn't work then.

I have some tabs displayed/hidden depending on a field value (without a problem)- but with this sidebyside layout ALL tabs are displayed.

Any idea how to solve this problem?

I would really like to try this layout.

CB Conditional changes the display behavior of a tab. Because of the !important tag it can't override this. You'll need to edit the CSS to better handle such a situation. Maybe try removing the important tags from the display styles (no idea what it'll do, untested).

krileon wrote: CB Conditional changes the display behavior of a tab. Because of the !important tag it can't override this. You'll need to edit the CSS to better handle such a situation. Maybe try removing the important tags from the display styles (no idea what it'll do, untested).

I removed "!important", modifed some other parts and then copied anything css to the bottom of the template.css... et voilá ... it works.

Thanx a lot.