Weird Artifacts on Topic Icons

Hello, I am having a strange image appear behind my topic icons (see image)

I even added a few custom icons to see if they also inherit this issue and they do. Once the topic is created the icons appear normally.

You don't have access to view the attachments in this post.

05 Feb 12

Hi VirtualAlex.

This is probably caused by the list-item styling of your template.
Your template seems to put a background image behind the icons.

You can modify this directly by adding an override to your default template.css.

Like this way (you can look up css code with Firebug or hitting F12 in another browser):

#ninjaboard, (put here the selector for your list-items, ul or/and li) {

background-image: none!important; 

}

I hope this helps. Otherwise it would be helpful to post a link to the page in question.
Let us know how it goes.

Kind regards,
John

05 Feb 12

Hmm I am a bit confused. There is nothing relating to ninja board in my template.css file. Where do I add this code? Here is the link to the forum, although you need to register to see the issue. Can you please me more specific on where to make the css change?

www.alexjuice.com/forum

05 Feb 12

Hi VirtualAlex,

Your template doesn't have anything specifically related to Ninjaboard, but it does have styling for form labels. This styling gives the image select field a background image.

Go to your Joomla template manager and open up the parameters for your template. Then edit its main CSS file (called template.css). Scroll down to the bottom and add the following CSS right at the very end:

#com-ninjaboard-post .ninja-form .image-select label.rokradios {background-image: none}

Clear the Joomla cache and your browser cache, and the form elements should no longer have the unsightly background image.

Let us know how it goes.

Cheers,
Mark

05 Feb 12

Fixed! Thanks a bunch guys.

05 Feb 12

Great to hear!

Thanks to Mark!

-John