This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Link color on pages

Resolved 25 replies technicalthemetheme-vantage
Koen
10 years ago · Last reply by WordPress 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

25
  1. Support Assistants 10 years, 2 months ago

    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. Koen 10 years, 2 months ago

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

  3. Support Assistants 10 years, 2 months ago

    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. Koen Private 10 years, 2 months ago

    This is a private message.

  5. Support Assistants 10 years, 2 months ago

    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. Koen 10 years, 2 months ago

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

  7. Support Assistants 10 years, 2 months ago

    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. Koen 10 years, 2 months ago

    Unfortunately, the plug-ins are still effected.

    I really appreciate the support

  9. Support Assistants 10 years, 2 months ago

    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. Koen 10 years, 2 months ago

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

  11. Support Assistants 10 years, 2 months ago

    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. Support Assistants 10 years, 2 months ago

    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. Koen 10 years, 2 months ago

    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. Support Assistants 10 years, 2 months ago

    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. Support Assistants 10 years, 2 months ago

    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. Koen 10 years, 1 month ago

    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. WordPress Private 10 years, 1 month ago

    This is a private message.

  18. WordPress Private 10 years, 1 month ago

    This is a private message.

  19. Support Assistants Private 10 years, 1 month ago

    This is a private message.

  20. Support Assistants 10 years, 1 month ago

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

  21. Koen 10 years, 1 month ago

    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. Support Assistants 10 years, 1 month ago

    Try now :)

  23. Koen 10 years, 1 month ago

    Perfect! Thanks a lot

  24. Support Assistants 10 years, 1 month ago

    No problem, glad that helped.

  25. WordPress Private 10 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread