Home>Support>text-decoration:none “Visual Editor”

text-decoration:none “Visual Editor”

I continue to Testing previous post and I will mark resolved when finish.

When i use the visual editor and insert a link is underlined andthe font is blue. The issue is resolved using the text tab and adding the style:

This is an example for automatic term mapping

How i tranfer the style to the css style of the site origin editor so in not deleted when I updated the theme?

Thank always for the fast response!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 10 months ago Greg Priday
    Hi, I Work Here

    Hi Sspr

    Any CSS you enter in the SiteOrigin CSS Editor (located at Appearance > Custom CSS in your WordPress admin) will remain there across updates. So anything you write in there is safe :)

    Hope that answers your question.

  2. 8 years, 10 months ago sspr

    What is happening is that when I use the insert/edit link button in the visual editor the link is underlined and blue.

    I try to remove that in the css style of that row but not sure what I do wrong because don’t work. Only work using in the text of the visual editor (a style=”color:black; text-decoration:none” href=”http://www.google.com”> This is an example for automatic term mapping</a)

    I need to move to custom css but I doing something wrong.

  3. 8 years, 10 months ago Greg Priday
    Hi, I Work Here

    Hi sspr

    Try adding the following to Appearance > Custom CSS:

    /* Links */
    
    a {
       text-decoration: none !important;
    }
    

    Hope that helps.

  4. 8 years, 10 months ago sspr

    I tried that custom css but still can remove the underline.

    This is using the insert/edit link:

     <a style="”color: black;" href="http://google.com">prueba<br>
    </a> 

    prueba

    This is using html text tab:

     <a style="color: black; text-decoration: none;" href="http://www.google.com"> This is an example for automatic term mapping</a> 

    This is an example for automatic term mapping

    I still can’t move this style to the css custom. Is ok if I use html here and not the visual tab?

  5. 8 years, 10 months ago Private Message - sspr

    This is a private message.

  6. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Hi Sspr

    Perhaps, try the following at Appearance > Custom CSS instead of the previous CSS snippet:

    #main a {
        text-decoration: none;
    }
    
    #main a:hover {
    	text-decoration: underline;
    }
    
  7. 8 years, 8 months ago sspr

    This will affect the whole website, I need use only this css for one product page.

  8. 8 years, 8 months ago SiteOrigin
    Hi, I Work Here

    You can prefix the CSS rules above with the Page ID body class. For example:

    .page-id-408 #main a {
        text-decoration: none;
    }
    
    .page-id-408 #main a:hover {
    	text-decoration: underline;
    }
    

    The above would target this page:

    Private Snippet

    You can get the page ID by editing the page in WordPress and inspecting the URL, the ID is in the URL. If you send the page link you’re working on we can assist further.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More