Coding to center Legend Icons?

[Shaliza]

Hello:

My forum URL: allkindsofeverything.boards.net

I was wondering how I might be able to center the icons on the Legend Menu only. I tried to find other threads that may have asked this same question but came up empty. 

Any and all help is greatly appreciated.  

Thank you!  

[Nscalerr 🐺]

Hi Shaliza

The following appears to do what you are requesting. Add to the Global Header inside <style></style> tags to affect all themes, or place at the bottom of the stylesheet for just one theme.


/* Centres legend icons. */
.legend table {
   margin-left: auto;
   margin-right: auto;
}

[Shaliza]

Thanks so much for that Nscalerr 🐺. *hugs*

It worked great when I added it to my Global Header. This is the correct coding without the "centres" as the plural did not work for me.


<style>
/* Centre legend icons */
.legend table {
   margin-left: auto;
   margin-right: auto;
}
</style>

Thanks again. I really appreciate the help.  

[Lynx]

Jun 28, 2020 20:42:30 GMT -8 Shaliza said:

Thanks so much for that Nscalerr 🐺. *hugs*

It worked great when I added it to my Global Header. This is the correct coding without the "centres" as the plural did not work for me.


<style>
/* Centre legend icons */
.legend table {
   margin-left: auto;
   margin-right: auto;
}
</style>

Thanks again. I really appreciate the help.  

Just to note: this line:


/* Centre legend icons */


is a comment line and has absolutely no effect on the coding - as it's ignored by the browser. As such, all of these variations would be ignored by the browser and have no effect at all on the coding:


/* Centres legend icons */
/* Centre legend icons */
/* Centers legend icons */
/* Center legend icons */


[Shaliza]

Thanks for that, Lynx. I appreciate the chance to learn new things.