Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Hyperlink color in Tower

hyperlinks
    • 9 years, 9 months ago erikwecks
      Participant

      Expired

      I noticed that this issue came up with Specular in the past. I need links that are a different color than regular text. Users must know what text will lead them to other information. Is there any way to do this now?

      Erik

    • 9 years, 9 months ago Mirela
      Participant

      Hello,

      By the default layout of the theme, the links are set to take the main color of the theme only on hover. If you want to have them like that even in normal state then please add this code into your custom css box:

      h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
          color: #e5af5a;
      }

      Edit the color to your need.

      Best regards!

    • 9 years, 8 months ago binhduong
      Participant

      Expired

      Hello,

      I try to use this code for my site but does not work.  The color is stated the same color of default body color.

      Is there anyway to help?

      Thanks,

    • 9 years, 8 months ago Mirela
      Participant

      Hello,

      Please edit the above code to this:

      h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
          color: #e5af5a !important;
      }

      Let us know.

      Best regards!

    • 9 years, 8 months ago binhduong
      Participant

      Expired

      Hi,

      I tried to put this code into our custom css.  But when I save and I got this alert, see picture below:

      I do not know it effect something wrong?!

      After saved, I come out to front end to check and the things happened the same.  It does not show the hyperlink color that what we need it to do.

      Thanks,

    • 9 years, 8 months ago Ruco
      Keymaster

      Hello,

      What element have you used to display the text?

      Try to add the link this way:

      <a href="https://aisvietnam.com/curriculum/senior-school/">aisvietnam.com/curriculum/senior-school</a>

      Best regards!

      • This reply was modified 9 years, 8 months ago by Ruco.
    • 9 years, 2 months ago Vaitrucci
      Participant

      Expired

      Bumping this because I’m having the same issue — it’s not at all clear what is a link on my site, which makes for a bad user experience.

      I’ve tried the code listed above and it doesn’t seem to work. How can we remove the “hover only” function from the link styling?

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      You can change that with a little custom css, like the one suggested above. The code above is tested and it does work. Can you show us how did you use it?
      What do you mean by “hover only function”? Do you want the link to be distinctive all the time, not just when on hover?
      In this case you should just set the same css styles for both states, on hover and else.
      Send us a link where you have this. We can help you with it.

      Best regards!

    • 9 years, 2 months ago Vaitrucci
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      I understand, please add this code into your custom css box:

      a {
          color: #D69941 !important;
      }

      Let us know how it goes.

      Best regards!

Viewing 9 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password