BIll G
Ambassador
444 posts
Wayan Jaya
Registered User
4,797 posts
Online Now
How does one go about creating a text gradient in SD?
One has to make a custom CSS file. At the. moment I believe only WebKit supports this text gradient.
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
adrian horn
Registered User
267 posts
Not sure how big your txt will be but if it's for a heading say what about making the text as a PNG picture and then applying a gradient to the picture as a work around
Regards Adrian
Wayan Jaya
Registered User
4,797 posts
Online Now
Hi Bil
Not sure how big your txt will be but if it's for a heading say what about making the text as a PNG picture and then applying a gradient to the picture as a work around
Regards Adrian
Easier to just add custom CSS which one can add to any text be it text paragraph h1 H2 h3 blockquote etc it's only 3 or 4 lines of code to get a nice gradient effect
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
Inger
Senior Advisor
14,450 posts
Online Now
Years ago, when we were all coding, it seemed to be a popular way of making headings stand out by posting them as
images, using <h> tags around them. It was quickly frowned upon by Google, and the last thing I heard was, that Google now penalizes sites using that technique.
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
adrian horn
Registered User
267 posts
I take your point maybe this function within SD needs to be added I also would like to see text alignment button added to the main text I should move this to future request
Regards Adrian
Frank Cook
Registered User
1,535 posts
I'm wondering when Microsoft will get around to supporting blend modes in Edge and IE11.
Frank
Wayan Jaya
Registered User
4,797 posts
Online Now
How does one go about creating a text gradient in SD?
Franks Way works very well as long as the background is white
The small custom CSS doesn't need the text whatever to have a background colour, it is transparent so it adopts the back[ground colour of whatever it is sitting in
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
Inger
Senior Advisor
14,450 posts
Online Now
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Wayan Jaya
Registered User
4,797 posts
Online Now
Since I can't see your code, have you checked if it works in MS browsers?
it works with the new Microsoft Edge, don't have the old Edge so don't know, doesn't work on IE11 but then neither does the blend mode way either.
UPDATE
Yes it works on the old Microsoft Edge, so only IE11, surprise surprise
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
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.
