CSS Active link color for Read More button

  • lukeluk

    (@lukeluk)


    8 years, 8 months ago

    Hello,
    thank you for the amazing plugin.
    Even green color of Read more button is fine, it does not fit graphic style of our page.
    I have changed color and background of the button, also when hover with css (elements .pt-cv-wrapper .btn-success).
    But when click the button it is back green until new page is loaded.
    I have tried also css for the elements (:active) but it does not work.
    For example for title yes, but for button not.
    I do not want to use the code below as would like to have hover style:
    .pt-cv-readmore {
    color: YOUR_COLOR !important;
    background-color: YOUR_COLOR !important;
    }
    Thank you
    Lukas

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Content Views

    (@pt-guy)

    8 years, 8 months ago

    Hi Lukas,
    For hover style, please try:

    
.pt-cv-readmore:hover {
color: YOUR_COLOR !important;
background-color: YOUR_COLOR !important;
}

    Best regards,

    Thread Starter lukeluk

    (@lukeluk)

    8 years, 8 months ago

    Hi,

    thank you.
    Hover is not a problem, I have explained it wrong way, sorry.
    The issue is Active Link Styling.

    I have tried:
    .pt-cv-readmore:active {
    color: #757575 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
    }

    It works but only when cursor stays at the link. When I move mouse out of the link the button styling goes back to white text/green background.

    Final best state should be the link (button) styling should stay as hover styling.

    Kind regards
    Lukas

    Plugin Author Content Views

    (@pt-guy)

    8 years, 8 months ago

    Hi Lukas,
    Please try:

    
.pt-cv-readmore:active, .pt-cv-readmore {
color: #757575 !important;
background-color: #ffffff !important;
border-color: #ffffff !important;
box-shadow: none !important;
}

    Best regards,

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Active link color for Read More button’ is closed to new replies.