Jump to content


Welcome to the forum:

Welcome to the iThemes, PluginBuddy and WebDesign.com forum. We've created several tutorial video's to help you get you started with using the forum, please check them out!

Also take note of the forum guidelines.


Support hours:

Our moderators actively respond to forum support requests during normal business hours which are Monday-Friday, 8am - 5pm Central Standard Time, typically within one business day. Although some moderators choose to work during the weekends, we can not guarantee immediate attention to your requests. Thanks for understanding.

What is included with support:

Premium support includes theme/plugin issues such as: bugs encountered under normal operation, how to use basic features, basic WordPress help, and basic help with customization (meaning we point you to resources and will help in more depth as time allows). More information.

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

sridhar

    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

sridhar

    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