Support » Theme: OverView » How change the color of link

  • Pietrogramma

    (@pietrogramma)


    Hi, I use the theme Overview and I found it very good, I have a proble with the colour of the link.
    In particolar, when the site create in automatic a link to another page or site, the color of the link is the same of the color of the background color and is, therefore, illegible.
    How can I change the color of the written links?
    Thanks and ciao

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi, first of all, thanks for the reply by email, you were really very thoughtful.
    My domain is http://www.simmax.it.
    Yesterday I managed to change the color of the links, using CSS, adding the following command line:

    a, a:hover, a:visited, a:active, a:focus, .single .entry-content a, .single .entry-content a:hover .single .entry-content a:visited, .single .entry-content a:active, .single .entry-content a:focus, .page .entry-content a, .page .entry-content a:hover, .page .entry-content a:visited, .page .entry-content a:active, .page .entry-content a:focus { color: whitesmoke; text-decoration: underline}

    I would like to sell some article on my site, and I wanted to use the woocommerce plugin for this, can you tell me if the OverView theme is compatible with this plugin?
    Thanks again for your availability and kindness.
    Regards.

    Theme Author _Y_Power

    (@_y_power)

    Hey @pietrogramma, thank you for the kind words and sorry for the late response.

    I’ve seen you have found your way around the links colors problem you were mentioning and I couldn’t really reproduce the issue myself. If some other related issues arise, it might help to tweak the following CSS code according to your needs:

    /* body links */
    body a {
      text-decoration: none;
      color: #817658;
    }
    
    body a:visited {
      color: #817658;
    }
    
    body a:hover {
      color: #a78832;
    }
    
    /* body inputs */
    input[type=button],
    input[type=search],
    input[type=select],
    select,
    input[type=submit],
    input[type=reset] {
      background-color: #817658;
    }
      input[type=button]:hover,
      input[type=search]:hover,
      input[type=select]:hover,
      select:hover,
      input[type=submit]:hover,
      input[type=reset]:hover {
        color: #817658;
        background-color: #f8f8f8;
    }

    Regarding WooCommerce, OverView is not specifically studied for it and I’d therefore suggest you to have a look at the specific themes built for it – or which declare compatibility – in the public directory.

    Hope this helps: please mark the post as solved if it did or let me know if you have any other question.

    Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.