Registered Trademark Character Sizing

User 144025 Photo


Registered User
32 posts

Hi everyone,

I could use a little help. Throughout a website I have to use "®" for the trademark but the size is to big (looks really bad on a page).

Here is part of the code for the header: <div id="header"><h1>Featherwinds&reg; Lodging</h1>
The character is the same size as one of the leaders, I would like it to be smaller and in the upper portion of the text.

Other times I use the character, it is in between <p></p> tags and other <h2></h2> tags.
I've tried a lot of different ways in my css but cannot get the character to re-size.

Thank you for help!

Rick
Happiness is a cup of coffee and a good mouse.

Rick
User 271657 Photo


Ambassador
3,816 posts

Kind of a pain, but I create a class just for it. Something like:
.tm {
font-size: 0.975rem;
font-family: arial;
position : relative;
padding-left: 6px;
vertical-align: super;
}


<h1>Here's a Line About How Great Our Widget<span class="tm">&reg;</span>.</h1>
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 144025 Photo


Registered User
32 posts

Thank you for your assistance!

Rick
Happiness is a cup of coffee and a good mouse.

Rick

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.