AgentPress 2.0: How to change the color of the default (red) hyperlinks?

Community Forums Forums Design Tips and Tricks AgentPress 2.0: How to change the color of the default (red) hyperlinks?

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  updatealan 1 year, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #12967

    updatealan
    Participant
    Post count: 47

    How do I change the color of AgentPress 2.0 hyperlinks from the default red to something else?

    #12968

    SoZo
    Moderator
    Post count: 1573

    Please 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

    #13208

    updatealan
    Participant
    Post count: 47

    Sorry 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!

    #13219

    updatealan
    Participant
    Post count: 47

    I 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;
    }

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.