Okay
  Public Ticket #3691651
How to change color of a link text
Closed

Comments

  •  6
    whatneobank started the conversation

    Hi there,

    I am trying to change the color of the text of my links, in order for them to look like the example i attached.

    Could you help me, please?

    Attached files:  doubt1.png

  •  5
    WpWebSol | Ramzan Sharef replied

    Hi there,

    By default the accent color will be applied to all links thought the website. If you want to change the color of all link you will need to change the accent color. If you don't want to change the accent color then you can change the color of all links by add these line in Salient CSS/Script 

    .container-wrap a {
        color: red !important;
    }
    

    Note: This will change color of every link (Including buttons) in the page content except the Top Menu.

    Bst Regards,

    Ramzan

  •  1,782
    Judith replied

    Hi @Whatneobank,

    Thanks for writing back.

    Please let us know whether this was helpful.

    I look forward to your response.

  •  6
    whatneobank replied

    Ok thanks, but i would like to only change the links that i add in a blog post. Isnt there any option in order to only change the colors of the links that i want. Is it only possible to change all at the same time?

    Could you help me, please?

    Best Regards,

    Diogo Silva

  •  2,895
    Andrew replied

    Hi there,

    Thank you for getting back to us.

    Try replacing the previously shared CSS to alter links on your blog posts.

    .single-post .container-wrap a {
        color: red !important;
    }

    I hope this info helps.

    Regards,

  •  6
    whatneobank replied

    Hi Andrew,

    It changed the color of all the links, is any possibility for me to choose the links it changes and the colors? 

    Because right now all links turned red and i would like to choose the color of which link (i added an image how it looks right now).

    Best Regards,

    Diogo Silva

    Attached files:  doubtcolor.png

  •  2,895
    Andrew replied

    Hi again,

    Thank you for getting back to us.

    You would have to add an extra class to the links you want to change the color then add the CSS that targets the link.

    You can add the class then let us now so we can share the CSS to achieve that.

    We look forward to hearing from your.

    Thanks,

  •  6
    whatneobank replied

    Hi Andrew,

    I would really like the help with the CSS, but i dont know what you mean with "add an extra class to the links". Could you explain it better in order for me to share it with you, please?

    Best Regards,

    Diogo Silva

  •  2,895
    Andrew replied

    Hi Diogo,

    Thank you for getting back to us.

    1. If you are using any salient elements other than the text editor, you can add a class that will help us target that specific link/button in the section shown in this screenshot.

    9232688711.png

    2. If you are using the text editor and using <a></a> tags to add the links, you can add the class as shown below.

    <a class="example_class" href="https://www.classexample.com">Test Class</a>
    

    I hope this makes clarifies things.

    Kind regards,

  •  6
    whatneobank replied

    Hi Andrew,

    I am using salient elements and i already found the extra class spaces (i attached an image to explain you better).

    Am i supposed to add an personalised CSS code in each one that i want to change the color of the link? How can i do it? Could you give me an example, please?

    Best Regards,

    Diogo Silva

  •  2,895
    Andrew replied

    Hi Diogo,

    Thank you for getting back to us and my apologies for the late turnaround.

    Could you please share the link to the page with one one of the links that have a custom class so we can share example CSS with you?

    We look forward to your reply.

    Thanks,

  •  6
    whatneobank replied

    Hi Andrew,

    It can be this one for example: N26 review 2024 - Our in-depth analysis (whatneobank.com)

    Could you help me with that, please?

    Best Regards,

    Diogo Silva

  •  8,663
    Tahir replied

    Hey Again,

    You need to use the Text Editor options to color the text like below. See screenshot: 

    5200186573.png

    Thanks.


    ThemeNectar Support Team 

  •  6
    whatneobank replied

    Hi Tahir,

    I am trying to do that but it doesnt appear to me (see image attached).

    Could you help me, please?

    Best Regards,

    Diogo Silva

  •  2,895
    Andrew replied

    Hi Diogo,

    Thank you for getting back to us.

    You have not attached any images. Could you please attach a screenshot of what you're seeing from your end?

    We look forward to your reply.

    Thanks,

  •  6
    whatneobank replied

    Hi Andrew,

    You are right, sorry that i forgot it. I just added.

    Best Regards,

    Diogo Silva

    Attached files:  doubt.png

  •  8,663
    Tahir replied

    Hey Again,

    Please enable the "Toolbar Toggle" button here: 

    7608160495.png

    Thanks.


    ThemeNectar Support Team 

  •  6
    whatneobank replied

    Hi Tahir,

    I just been able to undertand it. Thanks for all the help.

    Best Regards,

    Diogo Silva