tabs instead of buttons


Author Message
Phil

Posted: 11/21/2010
Quote message 

I like the Artisteer buttons for 'submit' and login buttons.
But they shouldn't replace the Drupal tabbed menus.

What's the easiest way of either:

a) getting rid of artisteer buttons completely

or even better...

b) keeping buttons for submits, logins etc, but displaying normal tabs for the tabbed menus.

This should really be looked at for future versions - at the moment there is no way to opt out of using artisteer styled buttons. There should be a 'none' option to just let the browser render buttons. Ideally there should be a separate themeing option for tabbed menus that actually uses tabs instead of buttons. And again, there should be an option to use Drupal's default tab styling.

I've tried looking at the CSS, but there is a ton of it for styling the buttons/tabs. Even if I delete bits of it, the drupal default CSS doesn't 'kick in', so I think artisteer is using javascript to over-ride the default system CSS?

Any advice or ideas?
Thanks.
 
Lawrence

Posted: 11/21/2010
Quote message 

You should remove all .tabs styling from the css file and create your own. Simply removing the CSS / PHP declarations of the tabs won't work if you want to keep the tabs.

Perhaps copying Drupal's default theme of the tabs styling would work. It should, if not just post back. :-)
 
Satalink

Posted: 8/12/2015
Quote message 

I know this is historical and Artisteer is moving to Themler, but this may be helpful to someone as there are a lot of sites that are using Artisteer themes.

This is my fix for tabs as buttons.
1. create a custom.css in the theme directory
2. add the custom.css to the theme.info

now that's done, add the following to your new custom.css file

/**************************************
* Artisteer tabs as buttons override
**************************************/
.arttabs_primary * {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
border-bottom-width: 1px !important;
border-bottom-color: #232425;
margin: 0 -26px 0 0 !important;
}