Info center icons

[STLUEE]

Hello, I forgot how to remove the info center icons. 


Thank you!

[Scott]

STLUEE - remove them completely or replace them with other icons?

[STLUEE]

Remove completly, to much trouble trying to find good replacements. lol

[bigballofyarn]

You could create and save a transparent image, upload it to your theme, and set all the images you want to remove to that transparent image.

[Scott]

STLUEE - I was just going to suggest the same, but bigballofyarn beat me to it.

The alternative to make template edits.

[STLUEE]

I would rather just remove them

[Scott]

STLUEE -

So do you want the Info area to look like this:

Example A


or this:

Example B



(Of course ignore the color and font as this is my test forum)

[STLUEE]

yes please

[Scott]

May 24, 2023 14:42:43 GMT -8 STLUEE said:

yes please

Yes please, what?   I presented a choice of A or B.

[STLUEE]

yes please no icon. picture A I'm sorry didn't have my glasses on. So....

[Scott]

STLUEE -

I'll give you a couple options.

Transparent Image
This really is the easiest way to give the appearance of no icon. You don't have to mess with template changes, and later on should you find icons you wish to use, it's easy to update.

Copy this image to your computer and then in the theme images use the upload button to replace the icon you do not want to have with this transparent image:
https://storage.proboards.com/6322676/images/iBIqQTZXNGmdrxfahKaH.pngThis is just a transparent 1 pixel square, basically a placeholder.


Template Modification
For this method, I recommend commenting out the icons in the template as this makes it easier to add them back if you decide to later on.

Go to the Home layout template. There are four areas you want to change. They each start with <td class="icon">

Find the following variables:
$[image.stats]
$[image.members]
$[image.online]
$[image.online_24]
and for each one you want to surround them with <!-- variable --> so they look like this:
<!--$[image.stats]-->
<!--$[image.members]-->
<!--$[image.online]-->
<!--$[image.online_24]-->
Save changes and the go to the Board layout template. Here there are three you want to change:
$[image.stats]
$[image.members]
$[image.online]
again, surround with <!-- variable --> so they look like this:
<!--$[image.stats]-->
<!--$[image.members]-->
<!--$[image.online]-->
Save changes.



Please let me know if you have any questions.

[STLUEE]

I gone to the layout template, looked at the board list, and board,ect, I can't find the variables

[bigballofyarn]

Respectfully, using the invisible images that I suggested will make it appear as if they were gone as in picture A. Is there any reason you want to do all this extra work? I'm not trying to be argumentative. I just want to understand your train of thought.

[Craig]

Sorry to step on your toes bigballofyarn, but this may provide an easier solution.

If you want all of the images hidden, you could always use css too. Popping this in to your stylesheet should do the trick.


/* Hide Information Centre Images */
div.stats img {
   display: none!important;
}


Add that to the bottom of your stylesheet, so you can easily find it and edit/remove it at a later date.

Stylesheet: admin > themes > advanced styles and css > stylesheet

Craig

[bigballofyarn]

^That beats out Scott's and mine.

Craig gets the award for the day.