Community Forums › Forums › Archived Forums › General Discussion › News Pro Link Color
Tagged: link color, News Pro
- This topic has 6 replies, 2 voices, and was last updated 8 years, 11 months ago by brock.
-
AuthorPosts
-
May 12, 2015 at 2:44 pm #151906damicoaustinMember
I read several posts trying to figure out where to change link attibutes, e.g. color, on News Pro
I managed to get the color changed with a tip in a post saying to use a site container.
.site-container a {color: #173dd4;}Is this the correct way, though? I saw another post noting to change it under Theme color, but wasn't sure which code, and no matter what I changed, nothing changed on the site.
heme Colors
---------------------------------------------------------------------------------------------------- *//* News Pro Blue
--------------------------------------------- */.news-pro-blue .entry-title a:hover,
.news-pro-blue .footer-widgets a:hover,
.news-pro-blue .site-footer a:hover,
.news-pro-blue a {
color: #27a3d1;}
.news-pro-blue .entry-title a,
.news-pro-blue .genesis-nav-menu a,
.news-pro-blue .sidebar .widget-title a,
.news-pro-blue .site-title a,
.news-pro-blue .site-title a:hover,
.news-pro-blue a:hover {
color: #000;
}.news-pro-blue .button,
.news-pro-blue .button:hover,
.news-pro-blue .footer-widgets a,
.news-pro-blue .genesis-nav-menu .current-menu-item > a,
.news-pro-blue .genesis-nav-menu a:hover {
color: #fff;}
.news-pro-blue .site-footer a {
color: #aaa;
}.news-pro-blue .archive-pagination li a:hover,
.news-pro-blue .archive-pagination li.active a,
.news-pro-blue .button:hover,
.news-pro-blue .enews-widget input[type="submit"],
.news-pro-blue .entry-content .button:hover,
.news-pro-blue .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a,
.news-pro-blue button:hover,
.news-pro-blue input:hover[type="button"],
.news-pro-blue input:hover[type="reset"],
.news-pro-blue input:hover[type="submit"] {
background-color: #7AA3C6;
}.news-pro-blue .enews-widget input:hover[type="submit"] {
background-color: #f5f5f5;
}.news-pro-blue .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover {
http://www.texasaft.org
background-color: #fff;
}May 12, 2015 at 2:46 pm #151907damicoaustinMemberEgad, that's obviously not the solution, since I just noticed it changed all my title link colors as well, except on the home page.
May 12, 2015 at 3:50 pm #151914brockMemberAre there a particular set of links that you want to change the color for? If you just want to change the color of links generically you can do so by looking for the
a
selector in the style.css.The post titles and link hover colors won't change because they are targeted and styled specifically later on in the stylesheet.
note: Make sure you don't have any of the theme's built in color schemes activated as they will override. You can even remove them from the stylesheet altogether if you think you won't use them.
May 12, 2015 at 4:09 pm #151917damicoaustinMemberI think that's the problem--the color scheme in News Pro. But the theme doesn't have anything to disable color schemes, and frankly, I want to keep everything as is except the link color.
I just want to change the link color in the content, not the titles or menus or anything else.
The code I posted above under Theme color would seem to be the way to do it...but chaning the color #s doesn't do anything.
May 12, 2015 at 4:22 pm #151919brockMemberWhat I mean by disabling the theme's color schemes is to go to
Customize > Color Scheme >
and make sure the default color style is selected. This make sure that your changes aren't overridden.
If you want the links only within your content to have a certain color you can style them with this selector:
.entry-content a { color: green; }
May 13, 2015 at 10:02 am #152007damicoaustinMemberThanks Brock. Yes, color scheme was set to default.
I'm not sure where I put your code. I just put it at the end of the News Pro Blue code (that I referenced ti up top) and it works.
However, I'm not sure how to then control hover and visited colors for links.
Adding something like this doesn't do anything:
.entry-content a:hover {
color: green;
}Additionally, I noted that the post titles that are being changed by this are ones for posts placed on pages by TPG Get Posts--which is a plugin for putting specific categories on pages with short codes.
May 13, 2015 at 9:33 pm #152125brockMemberFor the sake of any future developers who may work on your site you could move that code to the bottom of the stylesheet and put a comment above it saying
/*YourName custom styles*/
. Burying it within the News Pro Blue Theme styles is really a cruel trick to play on yourself or anyone else who might look at your code and want to change it later.There is a section in the stylesheet for all of the Themes color styles. I would keep my code out of there (I like to delete those styles personally).
As far as getting a link color set for hover you have done it right. I cannot say why it isn't working. What I do see on your site is that links within articles are being styled by the basic
a
selector. If you want to track down your current hover styles, it is going to be the basica:hover
selector.Sorry, but I didn't understand the last part of your post. Using that plugin doesn't seem optimal to me because you can get a category page without that by simply putting the categories in your menu.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.