WordPress.org

Ready to get started?Download WordPress

Forums

GT Tabs (formerly postTabs)
How to add icons/images next to title on each tab (11 posts)

  1. Tony
    Member
    Posted 2 years ago #

    When you get a chance, please check out this existing topic...

    http://wordpress.org/support/topic/how- to-create-tabs-with-icons-on-each-tab? replies=31

    Any help will be really appreciated.

    Thanks,
    Tony

    http://wordpress.org/extend/plugins/gt-tabs/

  2. Tony
    Member
    Posted 2 years ago #

    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?

  3. nv1962
    Member
    Posted 2 years ago #

    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.

  4. Tony
    Member
    Posted 2 years ago #

    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

  5. nv1962
    Member
    Posted 2 years ago #

    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!

  6. Tony
    Member
    Posted 2 years ago #

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

  7. esmi
    Forum Moderator
    Posted 2 years ago #

  8. Tony
    Member
    Posted 2 years ago #

    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...

  9. esmi
    Forum Moderator
    Posted 2 years ago #

    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.

  10. jva
    Member
    Posted 1 year ago #

    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

  11. SpicyNumberOne
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags