• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Make Navigation Links Images?

mrchasez

Active member
#1
Hey, I want to make the navigation tabs images or have some images.
Like, For example make "Buy Xenforo" an image, how can i do that on my forums?

Thanks
 

Chris D

XenForo developer
Staff member
#4
Well you're half way there with that then, aren't you?

If you ask nicely without angry smileys, I might tell you how to remove the text as well.
 

mrchasez

Active member
#5
Well you're half way there with that then, aren't you?

If you ask nicely without angry smileys, I might tell you how to remove the text as well.
Lol, I am not really angry.
I didn't mean to make an angry emot, But rather " >: ( "
Which is meant to show frustration.
 

Jake Bunce

XenForo moderator
Staff member
#7
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.navTabs .tabId a.navLink,
.navTabs .tabId a.SplitCtrl
{
	color: transparent !important;
	background-image: url('path/to/image.gif');
}
This CSS is a little sneaky but it works. You might have to play with the background position, dimensions, etc.
 

DRE

Well-known member
#8
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.navTabs .tabId a.navLink,
.navTabs .tabId a.SplitCtrl
{
color: transparent !important;
background-image: url('path/to/image.gif');
}
This CSS is a little sneaky but it works. You might have to play with the background position, dimensions, etc.
How do you do this with xenporta portal?