WordPress.org

Support

Support » Plugins and Hacks » GT Tabs (formerly postTabs) » [Plugin: GT Tabs (formerly postTabs)] How to add icons/images next to title on each tab

[Plugin: GT Tabs (formerly postTabs)] How to add icons/images next to title on each tab

Viewing 10 replies - 1 through 10 (of 10 total)
  • Tony

    @acfurino

    All I want to do is add little icons next to the title of each tab with each tab separating content on a page.

    Is this not possible?

    Sure it is. Just edit GTTabs.php and tinker with the code to your heart’s content; the code is well documented. Get a PHP coder to help you out if you can’t figure out what you need to do.

    Tony

    @acfurino

    Thanks for replying to this post.
    Could you PLEASE be more specific as to what I can do to make this work?
    Anything I can do that was posted on this topic? >> http://wordpress.org/support/topic/how- to-create-tabs-with-icons-on-each-tab? replies=31

    Actually jason_lane gave you good advice. It’s much easier to add an image through CSS; you need to look at the ID and class (e.g. it’s “GTTabs_curr” if it’s the active tab) and then define a background image.

    If all that sounds like gobbledygook, you really want to brush up on basic CSS. Take a look then at the good (and free) resource of W3Schools to become familiar with CSS and its tweaks. Alternatively, get a decently skilled CSS artist to do it for you, which shouldn’t take too much time, depending on what you want.

    There’s no singular way of doing things; moreover, CSS is just what it is. Invest some time in mastering it, you’ll get the investment back in spades in the future.

    Good luck!

    Tony

    @acfurino

    Can you please make a suggestion as to where I can get a decently skilled CSS artist to do it for me?

    esmi

    @esmi

    Forum Moderator

    Tony

    @acfurino

    Thanks… what would you say is a good price range for cost of job? Or how long could it take someone to do it if they charge hourly? Just don’t want to be taken advantage of…

    esmi

    @esmi

    Forum Moderator

    It’s beyond the remit of these forums to discuss costs. All I can suggest is that you retain your common sense when employing a contractor. Obtain a few quotes – preferably with some references – and ensure that you both understand what work is to be carried out, the timescale and the agreed price. Time taken in the early stages of negotiation will pay dividends longer term.

    Tony, i’ve been looking for this exact thing for weeks, except my tabs would ONLY have icons… were you ever able to resolve it? if so, how? i would really appreciate the help!

    thanks in advance

    I was able to solve this issue by commenting out the styles in styles.php and writing my own css in my default.css file.

    .entry-content ul.GTTabs li {
    	padding: 0 0 0 25px;
    	background: url(nav-square.gif) no-repeat 0 2px;
    }
    .entry-content ul.GTTabs li.GTTabs_curr {
    	padding: 0 0 0 25px;
    	background: url(nav-square-green.gif) no-repeat 0 2px;
    }

    And, put your images on the same level as your css file. The 1st image is for all the tabs and the 2nd is for the current tab.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: GT Tabs (formerly postTabs)] How to add icons/images next to title on each tab’ is closed to new replies.
Skip to toolbar