Global Block with adjustable colors

[asiostudio]

Hello,
I would like to use Global Blocks to display the hours of the gallery I am working with. The primary use for the global block will be on a white background. However, I would also like to display the same global block in the footer of the site, which has black background.

Is there a way to apply a color CSS label to the Global Block element itself to turn the copy white when it is displaying in the footer?

Thank you
Dylan Fleming

[paul.r]

Hi Dylan,

To change your global block background to black in Footer, you can add the code below in Theme Options > CSS

.x-colophon  .x-global-block {
   background:#000;
}

Hope that helps.

[asiostudio]

@paul.r

.x-colophon .x-global-block {
background:#000;
}

I believe you misunderstand the problem. The issue is that the text is black in the main global block, but when I embed the global block in the footer, I would like the text to be white.

[ruenel]

Hello Dylan,

To resolve you issue, please edit your global block and insert this custom css.

.x-colophon .x-global-block *{
    color: white !important;
}

We would loved to know if this has work for you. Thank you.

[asiostudio]

That was exactly what I was looking for. Thank you very much!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.