- This topic has 9 replies, 3 voices, and was last updated 10 years, 1 month ago by
.
-
Posts
-
Hi Tom,
is there a simple way to add a text effect (a white outline) to a site title?
Hi Mark,
Adding this CSS should work
p.main-title { text-decoration: underline; }Hi Tom,
I appreciate the quick reply, however, I was after an outline of the words. The link below is my website which the heading is in blue. I am wanting a white outline of the title. So it needs to be a different colour too.
Hi Mark,
That wasn’t Tom. Tom would’ve got it right the first try 😛
Tryp.main-title { border: 3px solid #fff; padding: 5px; }I don’t actually know how to exclude the border on the social icons though…
hahahah thanks for that Bishop. I did do this but it seemed to have but a square box around the actual section. I want an effect of a white outline around each of the separate letters.
Lead Developer
Bishop almost got it, try this:
.main-title a { border: 3px solid #fff; padding: 5px; }Hi Tom,
Not quite what I was chasing. This is what I am chasing (image found on google)
Ah, this article might be helpful: https://css-tricks.com/adding-stroke-to-web-text/
The selector you’re working with is:
.main-titleThanks Tom,
I had a look on that site and seemed to have found a solution that does work for the moment.
Much appreciated.
Great news, glad I could help 🙂
- You must be logged in to reply to this topic.
