• Hi Kavin, first of I’d like to THANK-YOU so much for creating this plugin. I spent hours searching for something like this and couldn’t find the right one until I came across yours. It works like a dream. I Love it!
    I wanted to know what I need to do in order to insert a background image behind my tabs? I have 4 different tabs on one page and each one needs a different image behind it. i am using the green skin.

    Thanks

    http://wordpress.org/plugins/wp-ui/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author kavingray

    (@kavingray)

    You’re welcome. Well, You can always use inline styles for the individual tabs. Are you aiming for the clickable tabs or their content? For the former, Just include an image within wptabtitle shortcode. If for the content, Each has it’s own ID attribute, that can be used to style it.

    Hover over the tablink, you will find the hash of the content div it opens, for eg. http://example.com/blog/year/month/post-name#tabid . With the above example –

    #tabid {
        background : url( "http://example.com/link/to/image.png" ) repeat;
    }
    Chris

    (@curbano1972)

    Could you please provide an example of how to add a background to the actual tab? I followed your example above for the content background and got it to work, but the actual tabs will not. I’ve tried:

    [wptabs style="wpui-alma" background="http:xxxxx/blue.png" ]
      [wptabtitle ]Personal Website[/wptabtitle]
        [wptabcontent]

    as well as

    [wptabs style="wpui-alma" ]
      [wptabtitle background="http:xxxxx/blue.png" ]Personal Website[/wptabtitle]
        [wptabcontent]

    and I still cannot get the background to work. I’ve looked all over and cannot find a working solution.

    Thank you.

    Thread Starter stardesignco

    (@stardesignco)

    Hi Kavin and Chris, can you please tell me where I need to put this code? Thank you

    Thread Starter stardesignco

    (@stardesignco)

    It is as the background image for the content not for the tab. Good luck with your answer Chris. Great question 🙂

    Thread Starter stardesignco

    (@stardesignco)

    I managed to work it all out. Thanks again. Love this plugin.

    Chris

    (@curbano1972)

    stardesignco,

    Were you able to add an image to the tabs? If so, would you please post exactly how you did it? Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘using background image for tabs’ is closed to new replies.