Home>Support>Link color on pages

Link color on pages

By Koen, 8 years ago. Last reply by WordPress, 8 years ago.

Hi,

I want to change the standard link color and link hover on pages without changing the color and hover in the header or in links from the plug-ins like siteorigin features.

Is this possible?

Thanks!

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, 9 months ago SiteOrigin
    Hi, I Work Here

    Hi Koen

    We could try, it’s unlikely we’ll get this right the first time around. It’ll most likely take some tweaking.

    .entry-content a {
    color: #000000;
    text-decoration: none;
    }
    
    .entry-content a:hover {
    color: #cccccc;
    text-decoration: underline;
    }
    

    Above is what the Customizer would provide from Customize > Theme Design. Give it a try, change the colors as required and then let us know where the problems are and we’ll start to build in specificity.

  2. 8 years, 9 months ago Koen

    I think you're already close. Only the hover isn't showing the correct color.

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

    Hi Koen

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  4. 8 years, 9 months ago Private Message - Koen

    This is a private message.

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

    Let’s force this a bit by changing our Custom CSS to:

    #page-wrapper .entry-content a {
    color: #000000;
    text-decoration: none;
    }
    
    #page-wrapper .entry-content a:hover {
    color: #cccccc;
    text-decoration: underline;
    }
  6. 8 years, 9 months ago Koen

    The link color and hover are working. unfortunately it now also effects plugins like the site origin features( see homepage ).

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

    You might try replacing the initial CSS with:

    #page-wrapper .entry-content:not(.widget) a {
    	color: #000000;
    	text-decoration: none;
    }
    
    #page-wrapper .entry-content:not(.widget) a:hover {
    	color: #cccccc;
    	text-decoration: underline;
    }
  8. 8 years, 9 months ago Koen

    Unfortunately, the plug-ins are still effected.

    I really appreciate the support

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

    Please, try:

    .entry-content div:not(.widget) a {
    	color: #000000;
    	text-decoration: none;
    }
    
    .entry-content div:not(.widget) a:hover {
    	color: #cccccc;
    	text-decoration: underline;
    }
  10. 8 years, 9 months ago Koen

    I’ve tried it. Unfortunately, it still effects the site origin features.

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

    Sorry, our Custom CSS isn’t hitting the mark on this one. You could just set the Features widget link colours manually:

    .entry-content .sow-features-feature a {
    	color: red !important;
    }
    
    .entry-content .sow-features-feature a:hover {
    	color: green !important;
    }
    
  12. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    I’d now try this:

    1. Remove the following:

    .entry-content div:not(.widget) a {	color: #000000;	text-decoration: none;}.entry-content div:not(.widget) a:hover {	color: #cccccc;	text-decoration: underline;}

    2. Insert the following:

    .entry-content a {	color: #000000;	text-decoration: none;}.entry-content a:hover {	color: #cccccc;	text-decoration: underline;}.entry-content .sow-features-feature a {	color: red !important;}.entry-content .sow-features-feature a:hover {	color: green !important;}

    3. Now we can target the custom menu widget:

    /* Custom Menu Widget */.widget_nav_menu .current-menu-item a {	color: red;}.widget_nav_menu ul {	list-style-type: none;	margin-left: 0;}.widget_nav_menu ul li:before {    color: #00a1ff;    content: "\f0da";    font-family: "FontAwesome";    margin-right: 1em;}
  13. 8 years, 9 months ago Koen

    The custom menu works perfectly now. Is there a way to control the colors of the links apart from the rest of the links on the site?

    but the links(like on the contact page) are not effected by the custom css. I see I can control the link color for site origin features

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

    Hi Koen

    Please, could you tell us:

    1. What colours do you want to use for general site links?
    2. What colours do you want to use for the Custom Menu widget links?
    3. What colours do you want to use for the Features widgets?

    We’ll then login and try resolve this in one go :)

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

    Hi Koen

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  16. 8 years, 9 months ago Koen

    Hi,

    Ofcourse.

    1. Color: #00a1ff Hover: #000000
    2. Color: #343538 Hover: #00a1ff
    3. Color: #343538 Hover: #343538

    I’ve noticed one problem regarding the custom menu. The blue dots from the custom menu are also appearing in the footer now.

    Thanks for the help!

  17. 8 years, 9 months ago Private Message - WordPress

    This is a private message.

  18. 8 years, 9 months ago Private Message - WordPress

    This is a private message.

  19. 8 years, 9 months ago Private Message - SiteOrigin Hi, I Work Here

    This is a private message.

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

    Thanks :) Please, check it out now and let us know.

  21. 8 years, 9 months ago Koen

    Hi,

    Thank you for the effort! There are a few things that haven’t changed that way we would like it to.

    General links: The hover color isn’t working.
    Custom menu: I would like this color #00a1ff to show which page the visitor is on. I would like this color for the other links #343538 and I would like the hover color to be #00a1ff.

    Also the blue dots from the custom menu are also showing up in our footer. Is it possible to remove the blue dots in the footer?

    I hope these thing are possible.

    Kind regards,

    Koen Leemans

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

    Try now :)

  23. 8 years, 9 months ago Koen

    Perfect! Thanks a lot

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

    No problem, glad that helped.

  25. 8 years, 8 months ago Private Message - WordPress

    This is a private message.

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