openElement

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   I'm trying to use background-clip: text to make my text show a background through it rather than a solid color.  The example works if I just create and HTML block and use <div class="bgtext"> but not if I set an element's Custom Classes in the properties to bgtext.
.bgtext {
	font-size: 70px;
  display: inline-block;

  line-height: 0.9;
  padding: 20px;

  background: radial-gradient(
    circle farthest-corner at center center,
    white,
    #111
  ) no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

This effect is so cool, I wish i could make it work.

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
greaseandmetal Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: Jan 27 2021 Status: Offline Points: 5	Topic: background-clip: text Posted: Jan 27 2021 at 2:14am
	I'm trying to use background-clip: text to make my text show a background through it rather than a solid color. The example works if I just create and HTML block and use <div class="bgtext"> but not if I set an element's Custom Classes in the properties to bgtext. .bgtext { font-size: 70px; display: inline-block; line-height: 0.9; padding: 20px; background: radial-gradient( circle farthest-corner at center center, white, #111 ) no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } This effect is so cool, I wish i could make it work.

Hobby001 Members Profile Send Private Message Find Members Posts Add to Buddy List Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6209	Posted: Jan 27 2021 at 3:03am
	Put a multiline text block on your page Add the custom class to the content Put your css code into a CSS code block The effect will not display in the working area but it will show when the page is displayed https://www.denislafrance.net/Page.htm Edited by Hobby001 - Jan 27 2021 at 3:05am
	https://denislafrance.net , OE training video

greaseandmetal Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: Jan 27 2021 Status: Offline Points: 5	Posted: Jan 27 2021 at 4:22am
	Thank you so much! The error I was making was I didn't click the "..." and put the class name into the right spot. I was just typing it into the box on the properties tab.