Support » Plugin: WP UI - Tabs, Accordions, Sliders » How to load WP UI script in the footer and disable default CSS

Viewing 3 replies - 1 through 3 (of 3 total)
  • You can override the default css easily by putting it in a div on the page/post like so:

    <div id="specialtabs">
    [wptabs mode="horizontal"]
    
    [wptabtitle]Your title[/wptabtitle]
    [wptabcontent]
    Your content
    [/wptabcontent]
    
    [/wptabs]
    </div>

    Then add css to your theme to position it into the footers area(note below is just an example. must come up with own numbers):

    #specialtabs {
    	position:absolute;
    	width:200px;
    	height: auto;
    	padding:8px 10px 20px 10px;
    	border:1px solid #000;
    	border-top:2px solid #000;
    	border-left:1px solid #000;
    	background-color:#fff;
    	z-index: 0;
    
    	left: 50%;
    	margin-left: 255px;
    	margin-top: 150px;
    	top: -150px;
            background-image:url(www.urlhere.com/image.jpg);
            background-postition: top;
            background-repeat: repeat-x;
    	}

    And thats how you do that.

    Thanks akridgeblue, but I want to do these things for site performance reasons, not simply to override CSS.

    Ah I see. Yeah thats just a quick and dirty fix. Hmm well. I guess it all depends on your footer and theme.

    You can use a plugin to add widgets to the footer(forgot the name) and then use the ‘Enhanced text’ plugin widget that allows all-sorts of code, css and what not.
    pomelodesign.com/enhanced-text-widget

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to load WP UI script in the footer and disable default CSS’ is closed to new replies.