Jump to content


Position / Align Tabs


This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 danr

danr

    New Member

  • Members
  • 3 posts

Posted 16 April 2011 - 08:20 AM

Hi there,

I'm trying to figure out what I CSS I need to modify to move / align the tabber widget tabs themselves (i.e. not their content)? As you can see from this site I've been working on blacklabeltransfers.com.au, because I'm using "border-radius", I've got an overhang that I would like to eliminate.

Many thanks!

Dan

#2 Sridhar Katakam

Sridhar Katakam

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts

Posted 16 April 2011 - 09:50 AM

Why not make the left corner not rounded?

Use this CSS:

.custom .tabber-widget-rounded-light .tabber-widget-content {
-moz-border-radius:0px 7px 7px;
-webkit-border-radius:0px 7px 7px 7px;
border-radius:0px 7px 7px;
}


#3 danr

danr

    New Member

  • Members
  • 3 posts

Posted 16 April 2011 - 10:26 PM

Hi Sridhar,

Thanks for the quick reply. Unfortunately due to a cross browser issue, I can't specify long hand border radius, only short (I'm using CSS3 PIE to replicate border-radius in older versions of Internet Explorer; support notes here: http://css3pie.com/documentation/supported-css3-features/), otherwise that's probably what I would have done!

Is there no containing element of the tabs that would allow for the alignment I'm after?

Thanks for your help

Dan

#4 Sridhar Katakam

Sridhar Katakam

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts

Posted 16 April 2011 - 11:44 PM

Quote

Is there no containing element of the tabs that would allow for the alignment I'm after?

Yes, there is.

Edit http://blacklabeltransfers.com.au/wp-content/plugins/tabber-widget/templates/rounded-light.css

Set a left margin in

.tabber-widget-rounded-light ul.tabber-widget-tabs {
list-style-type: none;
padding: 0 !important;
margin: 0 !important;
}


#5 danr

danr

    New Member

  • Members
  • 3 posts

Posted 17 April 2011 - 07:42 AM

Hi Sridhar,

Thanks for your suggestion, looks like that's fixed it. The tabs sit much better now!

Cheers

Dan