Hi guys,
So, I have downloaded the plugin mytabs and now I am facing this issue:
http://i.imgur.com/uzF60rU.png
As you can see the tabs are aligned to the left. How do I make them side side starting from left or center.
Kindly help me to resolve this and align them properly.
Much Thanks.
ACP>Forums>My Tabs
Look at the .css code.
(2015-02-19, 06:41 PM)PhantomD Wrote: [ -> ]ACP>Forums>My Tabs
Look at the .css code.
Hi, I guess you meant tabbed.css under themes.
Here is the code
.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 15px;
list-style-type: none;
text-align: center;
font-family: \'Roboto\',Arial,Sans-Serif;
font-size: 14px;
}
.shadetabs li {
display: inline;
margin: 0;
}
.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 8px;
margin-right: 5px;
color: #bbbbbb;
background-color: #303030;
}
.shadetabs li a:hover {
background-color: #404040;
color: #fff;
-webkit-transition: background-color 500ms linear, color 500ms linear;
-moz-transition: background-color 500ms linear, color 500ms linear;
-o-transition: background-color 500ms linear, color 500ms linear;
-ms-transition: background-color 500ms linear, color 500ms linear;
transition: background-color 500ms linear, color 500ms linear;
}
.shadetabs li a.selected {
/*selected main tab style */
position: relative;
}
.shadetabs li a.selected {
/*selected main tab style */
background:#cd9c18;
color: #fff;
}
.shadetabs li a.selected:hover {
/*selected main tab style */
text-decoration: none;
}
.tabcontent {
display:none;
}
@
media print {
.tabcontent {
display:block !important;
}
}