Okay
  Public Ticket #2644882
Highlighted text
Closed

Comments

  •  1
    Victoria Montero started the conversation

    Hi,

    The highlighted text, using the fancy underline option, isn't displaying properly. Attached is a screenshot of how this is looking on my site. Thank you so much,

    Victoria

  •  2,963
    Andrew replied

    Hi Victoria,

    Please send the url for this specific page so that we can look into it further.

    Thanks.

  •   Victoria Montero replied privately
  •  2,963
    Andrew replied

    Hi Victoria,

    To fully highlight the text, Go to the edit area of the text. Click on text and add this code to add a background color to the styling of the text. Add the background color to the text like this:

    <h1 style="text-align: left; background-color: #bbd6ad;"><em>Let's find what you love</em></h1>

    I have attached an image showing the same.

  •  1
    Victoria Montero replied

    Hi Andrew, I'm not looking to fully highlight the text but just have the fancy underline as in the screenshot here. But for some reason, when stretching the width of the column, isn't showing up properly.


    http://staging1.vickymontero.com/portfolio/stitch-fix-art-direction/

  •  2,963
    Andrew replied

    Hi Victoria,

    Please try changing row layout as shown below into two divisions:

    5436641780.png

    Hope this helps.

    Thanks.

  •  1
    Victoria Montero replied

    Hi Andrew, that's not working.

  •  8,849
    Tahir replied

    Hey Again,

    If you wish to span the text on a single line, add the text inside a full 12 column. Please see: http://themenectar.com/docs/salient/page-builder-overview/ .

    Thanks


    ThemeNectar Support Team 

  •  1
    Victoria Montero replied

    Again, that's not solving the issue, I didn't want to have the text on a single line but the underline option to show up correctly on a headline that was broken down in 3 lines. I ended up changing my layout to make it work differently, but I'm finding a lot of problems when using the highlight/underline text. Thanks,

  •  1
    Victoria Montero replied

    Just to let you know I was able to solve the issue by making each line a single one, so the highlight shows up on each line instead of just the last one.

  •  1
    Victoria Montero replied

    Hi Tahir, 

    Is there a way I can set a different color for the text that's highlighted, let's say to white, to improve legibility? As it is now, I can only modify the color of the whole paragraph.

  •  8,849
    Tahir replied

    Hey Again,

    You can change the selection using the below 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):

    ::selection{
        background-color:#ff1053;
    }

    Thanks


    ThemeNectar Support Team