• Resolved patrick.jrsp

    (@patrickjrsp)


    hi guys, im new to this whole thing and i have tried to figure this thing out but im failing… my site (www.jrsprojects.co.za) is in the mantra theme. the theme color of my business is the orange of the roof in my logo but all the links ie. Home, What We Do and About Us as well as the sidebar titles etc are all in blue. How do i change them to that same orange or atleast something close to it?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Simply create a child theme (e.g. mantha child).
    Then create a new style.css in the child theme and add these lines:

    /* =Links
    ————————————————————– */
    a:link {
    color: #FF0000 !important; // red underlined link
    text-decoration: underline !important;
    }
    a:visited {
    color: #0D85CC! important; // blue underlined when visited
    text-decoration: underline !important;
    }
    a:active,
    a:hover {
    color: #00AA00 !important; // green underlined when visited
    text-decoration: underline !important;
    }

    I did it just yesterday. If you do not know how to create a chil-theme, the check here:
    https://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial

    Thread Starter patrick.jrsp

    (@patrickjrsp)

    thanx a lot. i did as you said but it only changed some of the blue text. i would like all the blue headers and drop down lists to be changed to orange and another question, is it possible to change that orange to a color a little less red?

    For the headers, try:

    .widget-title {
        color: #F57540;
    }

    I think the color I used is pretty close to the orange color on your roof’s logo, but you might also try a website like ColorPicker to see various colors and the appropriate hex code to use.

    Thread Starter patrick.jrsp

    (@patrickjrsp)

    Thanx I tried it but its still not working. Some of the Drop Down lists are still blue as well as some of the side bar text and header texts.

    You have a lot of CSS rules in your header; does your theme include a built-in custom CSS option or are you using a custom CSS plugin?

    Change my rule to:

    .widget-title {
        color: #F57540 !important;
    }

    Finally, can you clarify which dropdown lists you are trying to change? Are you referring to the dropdown menus under the tab “What We Do”?

    Thread Starter patrick.jrsp

    (@patrickjrsp)

    To be honest i dont really know… Yes im referring to the drop down list “What we do” as well as the links to its left “Home” and “About us” and to the right “Contact us”. Then I would also like to change the links in the side bar ie “pages” and those that follow beneath it “Home”, “About us”, “What we do” etc. as well as “Meta” and the links that follow beneath it. If it would be more convenient I could provide you with the administration login details?

    Thread Starter patrick.jrsp

    (@patrickjrsp)

    thank you the orange you have provided is perfect

    Thread Starter patrick.jrsp

    (@patrickjrsp)

    got it sorted. Thanx very much for your help

    Thread Starter patrick.jrsp

    (@patrickjrsp)

    ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Mantra theme link text color change.’ is closed to new replies.