Create tab using images in button

0

I need to create a TAB block for my site in wordpress, there are several plugins that help in this, but I do not discover any that I can use images on the button. Usually they are icones, but my client created some images, that complicated and much. In addition, there is the little button that appears below the button when it is active.

Here's the image of how the TAB should look:

I already installed several plugins, but I could not do with the image or the arrow. Notice that the active button is yellow with black text, and the other inactive ones are red with white text and the image in yellow.

I really need to fix this block!

    
asked by anonymous 23.02.2017 / 21:24

1 answer

0

You can solve this by customizing a CSS. Basically you have the images of each tab, turn those images into icons, and link to the id of each tab.

To resolve the issue of the active tab: It inspects the element when it has an open tab, it will probably have a class on this tab (".active" or something), just customize the css for that class, leaving the background yellow and the color black. Here's a quick example ...

link

    
24.02.2017 / 00:08