Highlighted text with padding won’t work

  • Hi Kadence folks,

    I have a page with a lot of highlighted text, and I would like to give it a padding. Before I had another plugin to do that, but I’m trying to limit the amount of plugins I use and commit to a few. Unfortunately, I haven’t found a way to force padding on all highlighted text I made with the Kadence plugin.

    So my question is: what CSS code can I write, to force the Kadence highlighted text, to have padding?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @mrtnthmsn

    The Kadence Theme doesn’t provide features to highlight text. Are you referring to highlights from the Advanced Text block supplied by the Kadence Blocks plugin? If so, under the Style tab, there are Highlight Settings where you can add padding.

    Or you can use CSS to target Kadence Blocks highlights globally. For example, the following CSS adds padding to highlights.

    mark.kt-highlight {
    padding: 25px;
}
    Thread Starter mrtnthmsn

    (@mrtnthmsn)

    I’m talking about the “Kadence Blocks plugin”.

    Your CSS does not work, unfortunately. Nor does the advanced text padding work.

    Thread Starter mrtnthmsn

    (@mrtnthmsn)

    It works with Stackable, but I don’t want too many plugins on my site.

    Hi there!

    The Advanced Text block from our plugin has the highlight settings. However, make sure that you’re adding highlights to them by selecting the first “Highlight” option.

    Watch this screen recording for reference – https://share.getcloudapp.com/2NubnzAn.

    To see the highlight settings, go to Advanced Text block settings > Style tab > Highlight Settings.

    I hope this helps. Let us know if we can assist you further with this.

    Regards,
    Karla

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Highlighted text with padding won’t work’ is closed to new replies.