Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #18363

    Is it possible to use images in place of the text/icons on the tabs of tabbed content and sidebar tabs?

    Cheers

    #99146

    Hi,

    Just drop your images in this directory… /images/icons/iconbox/ . from the root of the theme. Your images should be in png format and they will be available to select in the list for the short-code (as you do normally)

    And titles, just dont use any. See below

    [sidebar_tab_container initial_open="1" boxed='true' ]

    [sidebar_tab icon='your-image1.png' title=""]tab-1 content goes here.[/sidebar_tab]

    [sidebar_tab icon='your-image2.png' title=""]tab-2 content goes here.[/sidebar_tab]

    [sidebar_tab icon='your-image3.png' title=""]tab-3 content goes here.[/sidebar_tab]

    [/sidebar_tab_container]

    Thanks,

    Nick

    #99147

    Is it possible to change the size limit the image area? It seems to squeeze the custom image down to the size of the stock icons.

    #99148

    Hi,

    Can you give us a link to your website? How big is your images?

    Regards,

    Ismael

    #99149

    Hi,

    Here you go, just change the colors and the image size in the css below, or just change the image sizes

    .main_color .sidebar_tab_icon {
    background-color: #E1E1E1; /*gray*/
    }
    #top .main_color .sidebar_active_tab .sidebar_tab_icon {
    background-color: #719430; /*green*/
    }
    .main_color span {
    border-color: #E1E1E1; /*border gray*/
    }
    .sidebar_tab_icon img {
    height: 24px;
    width: 24px;
    }
    .main_color .sidebar_tab:hover { /*hover color*/
    color: #666;
    background-color: white;
    }

    Thanks,

    Nick

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Using an image instead of text on tabbed content’ is closed to new replies.