Add 'active' triangle to bottom of tab in Tab Container « Support Forum | Kriesi.at

Add 'active' triangle to bottom of tab in Tab Container

4 posts from 3 voices

Tags:

No tags yet.

samswenson
Member

Is there a way to add either a triangle graphic or one made in CSS to the bottom of the active tab?

Thanks!

Sam

Posted 8 months ago #
Devin
Moderator

Hey Sam,

I'm not sure what you mean. Do you have a screenshot to illustrate it or can you describe it a bit more?

Regards,

Devin

Posted 8 months ago #
samswenson
Member

Sure, here's an example: http://socialplasm.com/wp-content/uploads/ArrowTab/ArrowTab.png

Notice the little arrow indicating which tab is active.
I have styled the tabs like I want from a color perspective, but I am struggling to figure out how to add a centered triangle to the active state of a tab.

Any help is greatly appreciated.

Sam

Posted 8 months ago #
Ismael
Moderator
Hi,

You can do something like this on your custom.css
```
.current-menu-item {
	background: url(../images/triangle.png) center no-repeat ;
}
```
You need to provide the triangle.png image then reposition the background as you see fit.

Regards,
Ismael
Posted 8 months ago #

You must log in to post.