Community Forums › Forums › Archived Forums › Design Tips and Tricks › AgentPress 2.0: How to change the color of the default (red) hyperlinks?
- This topic has 3 replies, 2 voices, and was last updated 11 years, 2 months ago by updatealan.
-
AuthorPosts
-
January 18, 2013 at 4:07 pm #12967updatealanMember
How do I change the color of AgentPress 2.0 hyperlinks from the default red to something else?
January 18, 2013 at 4:10 pm #12968SoZoMemberPlease include a link to your site with all questions.
I recommend installing the Firebug add on for Firefox or using Chrome's Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 19, 2013 at 9:27 pm #13208updatealanMemberSorry about that. Here's a link to the site: http://www.dtconfidential.com/contact
I do have the ability to inspect the site in Firefox.
Thanks!
January 19, 2013 at 10:11 pm #13219updatealanMemberI figured this one out. I installed the "AgentPress Gray" sample page so that I could work backwards, and I found the color setting in that part of the code. In case you're interested, I have highlighted it in blue (below):
/* AgentPress Gray
------------------------------------------------------------ */body.agentpress-gray {
background: url(images/gray/bg.png);
}.agentpress-gray h2 a,
.agentpress-gray h2 a:visited {
color: #333;
}.agentpress-gray a,
.agentpress-gray a:visited,
.agentpress-gray #header ul.menu li a:hover,
.agentpress-gray #header ul.menu li a:active,
.agentpress-gray #header ul.menu .current_page_item a,
.agentpress-gray #header ul.menu .current-cat a,
.agentpress-gray #header ul.menu .current-menu-item a,
.agentpress-gray #header ul.menu li li a:hover,
.agentpress-gray #header ul.menu li li a:active,
.agentpress-gray #nav li.right a:hover,
.agentpress-gray #subnav li a:hover,
.agentpress-gray #subnav li a:active,
.agentpress-gray #subnav .current_page_item a,
.agentpress-gray #subnav .current-cat a,
.agentpress-gray #subnav .current-menu-item a,
.agentpress-gray .s,
.agentpress-gray .enews #subbox,
.agentpress-gray h2 a:hover {
color: #232e5b;
}.agentpress-gray #nav li a:hover,
.agentpress-gray #nav li a:active,
.agentpress-gray #nav .current_page_item a,
.agentpress-gray #nav .current-cat a,
.agentpress-gray #nav .current-menu-item a,
.agentpress-gray #nav li li a,
.agentpress-gray #nav li li a:link,
.agentpress-gray #nav li li a:visited {
background-color: #fff;
}.agentpress-gray #nav,
.agentpress-gray #nav li li a:hover,
.agentpress-gray #nav li li a:active,
.agentpress-gray #subnav li li a:hover,
.agentpress-gray #subnav li li a:active,
.agentpress-gray #footer-widgets {
background-color: #333;
}.agentpress-gray #nav li a:hover,
.agentpress-gray #nav li a:active,
.agentpress-gray #nav .current_page_item a,
.agentpress-gray #nav .current-cat a,
.agentpress-gray #nav .current-menu-item a,
.agentpress-gray #nav li li a,
.agentpress-gray #nav li li a:link,
.agentpress-gray #nav li li a:visited,
.agentpress-gray #subnav li a,
.agentpress-gray #subnav li li a,
.agentpress-gray #subnav li li a:link,
.agentpress-gray #subnav li li a:visited {
color: #000;
}.agentpress-gray #nav li li a:hover,
.agentpress-gray #nav li li a:active,
.agentpress-gray #subnav li li a:hover,
.agentpress-gray #subnav li li a:active {
color: #fff;
}.agentpress-gray .listing-price {
background: #333;
}.agentpress-gray .listing-text {
background: #cf1900;
}.agentpress-gray .listing-wrap .more-link,
.agentpress-gray div.gform_footer input.button,
.agentpress-gray input[type="button"],
.agentpress-gray input[type="submit"] {
background-color: #666;
border: 1px solid #666;
color: #fff;
}.agentpress-gray .listing-wrap .more-link:hover,
.agentpress-gray div.gform_footer input.button:hover,
.agentpress-gray input:hover[type="button"],
.agentpress-gray input:hover[type="submit"] {
background-color: #333;
border: 1px solid #333;
} -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.