How do I change the color of the font in the time/clock?

[terry]

Hi,

I am the administrator for himmieholics.proboards.com/ and we have the time zone/clock loaded under the navigation bar as part of the header.  I see the code under the Global header, but I can't see how to change the font color.  Is there an easy way to do this?  I changed the background and now the timezone clock is hard to see.
Thanks

[Tumbleweed]

Sept 25, 2015 17:38:07 GMT -8 terry said:

Hi,

I am the administrator for himmieholics.proboards.com/ and we have the time zone/clock loaded under the navigation bar as part of the header.  I see the code under the Global header, but I can't see how to change the font color.  Is there an easy way to do this?  I changed the background and now the timezone clock is hard to see.
Thanks

I can't view your forum as it is set to guests must login.  Is this a widget or a plugin? If a widget you got from some non-ProBoards site then you'd probably have to go to that site to see if they offer different colors. Hard to know for sure since I can't see your forum to see exactly what you have.

[terry]

Well, thank you for your quick response. It must be a widget because I know it's not a plug in.
Here is what's written in the Global Header.

<p align="center"><iframe src="http://free.timeanddate.com/clock/i2h9kd2g/n234/fn10/fs16/fc030/tct/pct/bac030/ts1/ta1" frameborder="0" width="111" height="22" allowTransparency="true"></iframe>


<iframe src="http://free.timeanddate.com/clock/i2i4ojk3/n80/fn10/fs16/tct/pct/bac030/ts1/ta1" frameborder="0" width="118" height="22" allowTransparency="true"></iframe>


<iframe src="http://free.timeanddate.com/clock/i2h9kd2g/n605/fn10/fs16/fc030/tct/pct/bac030/ts1/ta1" frameborder="0" width="111" height="22" allowTransparency="true"></iframe>


<iframe src="http://free.timeanddate.com/clock/i2h9kd2g/n179/fn10/fs16/fc030/tct/pct/bac030/ts1/ta1" frameborder="0" width="111" height="22" allowTransparency="true"></iframe>


<iframe src="http://free.timeanddate.com/clock/i2h9kd2g/n136/fn10/fs16/fc030/tct/pct/bac030/ts1/ta1" frameborder="0" width="119" height="22" allowTransparency="true"></iframe>


<iframe src="http://free.timeanddate.com/clock/i2h9kd2g/n37/fn10/fs16/fc030/tct/pct/bac030/ts1/ta1" frameborder="0" width="112" height="22" allowTransparency="true"></iframe>


<iframe src="http://free.timeanddate.com/clock/i2h9kd2g/n47/fn10/fs16/fc030/tct/pct/bac030/ts1/ta1" frameborder="0" width="111" height="22" allowTransparency="true"></iframe></p>

[Tumbleweed]

terry,

That was what I was afraid of, you cannot change the iframes text color unless the place you got it offers a selection of colors. The best you could do is put some background color behind the text by changing those p tags to div tags and do something like this:

<div style="width:828px;margin:auto;background: rgba(54, 25, 25, .5);">

All the iframes here

</div>

What I gave you was a semi-transparent color so you can still have the look of transparency and not a solid background.

To check  change a hex color to rgb go here: www.javascripter.net/faq/rgbtohex.htm

That's the first 3 numbers. The .5 is the opacity. if you went to .9, that is almost totally opague. .1 would be almost totally transparent. I put a width in there so you can get the width so it just goes behind the times and not spread across your whole page. The margin is to center it on your page.

[terry]

Wow, thanks so much for your help! You are a terrific moderator, and I appreciate your taking time to give me a solution for this. I'll try it!

[Tumbleweed]

Sept 26, 2015 3:30:08 GMT -8 terry said:

Wow, thanks so much for your help! You are a terrific moderator, and I appreciate your taking time to give me a solution for this. I'll try it!

Awww, thanks. Always happy to help. Let me know if you run into trouble although I don't think you will.

[terry]

Ok, it worked! Thanks so much!