How to Create Beautiful Gradient Headlines in WordPress (Kadence Blocks)

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.ย. 2024

ความคิดเห็น • 13

  • @anthonyrude
    @anthonyrude 5 หลายเดือนก่อน

    Thanks. I was trying to figure out why i couldn't change the color of only one word.
    I wasn't using highlight.
    I thought highlights were like adding a backgound color to the text like in word.
    Plus you're gradient css is awesome

  • @constancephoto6512
    @constancephoto6512 ปีที่แล้ว +3

    Thank you! Great design tip.

  • @markuserikssen
    @markuserikssen ปีที่แล้ว +2

    It looks great, thanks for sharing. I just wish Kadence would add this functionality to it's toolset so we don't need to use custom CSS.

    • @StartBlogging101
      @StartBlogging101  ปีที่แล้ว

      I agree and I think that it will likely be coming :) That being said, you actually have more control over the gradient using the custom CSS method rather than the built-in gradient control that is provided with WordPress which only uses RGB values.

  • @anthonyrude
    @anthonyrude 6 หลายเดือนก่อน

    What did you use for your video player on the page you used for an example?

  • @MahrJamil
    @MahrJamil 7 หลายเดือนก่อน

    Would you please give Kadence Gradient Block, because only CSS not worked

  • @anthonyrude
    @anthonyrude 6 หลายเดือนก่อน

    What's the best way to learn CSS?

  • @rockrecon
    @rockrecon ปีที่แล้ว +2

    😲

  • @dozentis
    @dozentis ปีที่แล้ว

    Do you mind to share the specific css kadence highlight code in comment section or your description? @StartBlogging101

    • @CharlesOttman
      @CharlesOttman ปีที่แล้ว +3

      selector .wp-block-kadence-advancedheading .kt-highlight {
      background: var(--global-palette1);
      background: linear-gradient(45deg, var(--global-palette1) 0%, var(--global-palette2) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      }

  • @anthonyrude
    @anthonyrude 6 หลายเดือนก่อน

    Can you embed HTML5 code?