Change Link Colour - Construct

resolved (8 posts) (2 voices)

  1. SuzyDavis
    Member

    Hi
    - I'm using Orange.css and hyperlinks are orange text with orange underline on hover, but they are grey text when not activated.

    I tried updating the orange.css by adding:
    a { color: #e98813; }

    but doesn't make any difference.

    How do I update the CSS to make the change?

    I'm trying to get a getPremise member site pages updated

    but I think what works on this page should work for other pages:
    http://www.appsforoffice.com/wp-html/trial_request.html

    If you scroll down to the near the bottom right you will see a "Read more" link - it's grey text.

    Thanks in advance!
    Suzy

    Posted 4 years ago #
  2. Elliott
    Support

    Hello SuzyDavis,

    Add this in Dashboard -> your theme -> General Settings -> Custom CSS,

    a { color: orange !important; }

    Posted 4 years ago #
  3. SuzyDavis
    Member

    Hi Elliott
    Thanks for getting back to me quickly. My site has a mix of pages that are pages built in WordPress, and pages that are straight HTML pages.

    For the WordPress pages, the setting you suggest has solved the problem in the Member site pages, but has also changed the White text in the Orange buttons (on the Home page "Get it now" - http://www.appsforoffice.com) also Orange.

    For the HTML pages, I will need to change the Orange.css or apply the colour to the HTML; would prefer to work out where to make the change to the Orange.css if possible.

    Thanks Suzy

    Posted 4 years ago #
  4. Elliott
    Support

    Go ahead and set the link color in the skin, Dashboard -> your theme -> Skins -> Manage Skins -> Edit -> General Typography.

    Posted 4 years ago #
  5. SuzyDavis
    Member

    thanks Elliott

    I should be able to work out where the change is made in the actual css file. I was hoping you could point me to it.

    I've changed the link text in General typography to be orange - but how do I change the Orange text in the Orange buttons? How are they identified? This text needs to be white. (see http://www.appsforoffice.com - home page - Read more buttons aren't read-able.

    I want link text outside of buttons to be orange, but text inside hyperlinked buttons to be white. Is this possible?

    Posted 4 years ago #
  6. Elliott
    Support

    Add this to your custom CSS,

    .call_to_action span { color: white !important; }

    Posted 4 years ago #
  7. SuzyDavis
    Member

    50% there - "Get it Now" box now has white text, but the 'Read more' text inside the orange box on the slide is still orange.

    is there another CSS code for the Read More or other boxes that will be orange and need white text?

    Posted 4 years ago #
  8. Elliott
    Support

    Add this,

    .button_link span { color: white !important; }

    Posted 4 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme