Okay
  Public Ticket #2799591
Highlighted Text - Add curve to the highlight line
Closed

Comments

  •  14
    Jerfalco started the conversation

    A client is asking if we can add a "curve" to the highlight in the "highlighted text" ... so its a little like a brushstroke. is this doable?

  •  1,878
    Judith replied

    Hi Jerfalco,

    Edit

    Thanks.

  •  8,847
    Tahir replied

    Hey Again,

    You can use a Brushstroke image to replace the linear gradient in the CSS.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-highlighted-text[data-color="#41b8d5"][data-color-gradient="rgba(255,107,48,0.01)"]:not([data-style="text_outline"]) em {
        background: url(https://www.andyhooke.co.uk/wp-content/uploads/2018/02/yellow-brushstroke.png);
        background-repeat: no-repeat;
        background-size: 100% 95%;
        padding: 8px 0;
    }

    Thanks


    ThemeNectar Support Team 

  •  14
    Jerfalco replied

    This worked perfectly. Thank you!!