Viewing Changing text style on HTML snippet

Changing text style on HTML snippet



User: Brad C. 8 years ago
I have added an HTML snippet (widget) to a web page, but unfortunately it doesn't respond to changes in text color. Am I doing something wrong? The attached images show the page set up view with the text color white, but in the published site the text is black. I show two snippets, one with a colored background shape to illuminate black text against a black background. Thanks.

Edit: Apparently the images didn't post. Is there a size limit? They were about 150 kB each. How can I repost?

Last edit 8 years ago
User: Roddy 8 years ago
You need to post the code that you entered into the HTML Snippet widget.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Brad C. 8 years ago
Thanks Roddy. The code is from the Creative Commons website - http://creativecommons.org/choose/

<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">John Doe</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>
User: Brad C. 8 years ago
Sorry it posted a duplicate.

Last edit 8 years ago
User: Brad C. 8 years ago
I suppose the easy answer is to just use the image from the code above and create my own text box...
User: Roddy 8 years ago
You need to use an inline style to change the font, size color etc. In the code below I have wrapped the text in a paragraph and styled it. I have also added a style for changing the color of the hyperlink text if you need to do that too.

<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><p style="font:15px Helvetica;margin:0;padding:3px 0;color:#FFFFFF">This work by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">John Doe</span> is licensed under a <a style="color:#000FFF" rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a></p>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
✔ Best Answer  
User: Brad C. 8 years ago
Thank you once again, Roddy. And the solution comes with a lesson in HTML to boot! I really appreciate it.


Post Reply
You must login or signup to post.