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

    (@pt-guy)

    Hi Brian,
    Please add this CSS code to file style.css of your active theme:

    .pt-cv-readmore {background: YOUR_COLOR}

    Thread Starter brian3472

    (@brian3472)

    That works perfect. Thanks.

    How about the other button aspects? Such as the hover color and border?

    Plugin Author Content Views

    (@pt-guy)

    you can use this

    .pt-cv-readmore {border: 1px solid YOUR_COLOR;}
    .pt-cv-readmore:hover {background: YOUR_COLOR}

    Hi I tried this to change the green border color of the read more:

    .pt-cv-readmore {border: 1px solid #FFE4C4;
    }

    But it didn’t work!

    Plugin Author Content Views

    (@pt-guy)

    please add !important, like this
    .pt-cv-readmore {border: 1px solid #FFE4C4 !important;}

    Anonymous User 12851872

    (@anonymized-12851872)

    Hi,

    in the child theme, I put all this code to have the right color.

    .pt-cv-wrapper .btn-success {
        background-color: #ad92d4;
        border-color: #ad92d4;;
        color: #fff;
    }
    
    .pt-cv-wrapper .btn-success:focus, .pt-cv-wrapper .btn-success.focus {
        background-color: #ad92d4;
        border-color: #ad92d4;
        color: #fff;
    }
    .pt-cv-wrapper .btn-success:hover {
        background-color: #ad92d4;
        border-color: #ad92d4;
        color: #fff;
    }
    .pt-cv-wrapper .btn-success:active, .pt-cv-wrapper .btn-success.active, .pt-cv-wrapper .open > .dropdown-toggle.btn-success {
        background-color: #ad92d4;
        border-color: #ad92d4;
        color: #fff;
    }
    .pt-cv-wrapper .btn-success:active:hover, .pt-cv-wrapper .btn-success.active:hover, .pt-cv-wrapper .open > .dropdown-toggle.btn-success:hover, .pt-cv-wrapper .btn-success:active:focus, .pt-cv-wrapper .btn-success.active:focus, .pt-cv-wrapper .open > .dropdown-toggle.btn-success:focus, .pt-cv-wrapper .btn-success.focus:active, .pt-cv-wrapper .btn-success.active.focus, .pt-cv-wrapper .open > .dropdown-toggle.btn-success.focus {
        background-color: #ad92d4;
        border-color: #ad92d4;
        color: #fff;
    }
    .pt-cv-wrapper .btn-success:active, .pt-cv-wrapper .btn-success.active, .pt-cv-wrapper .open > .dropdown-toggle.btn-success {
        background-image: none;
    }
    .pt-cv-wrapper .btn-success.disabled, .pt-cv-wrapper .btn-success[disabled], .pt-cv-wrapper fieldset[disabled] .btn-success, .pt-cv-wrapper .btn-success.disabled:hover, .pt-cv-wrapper .btn-success[disabled]:hover, .pt-cv-wrapper fieldset[disabled] .btn-success:hover, .pt-cv-wrapper .btn-success.disabled:focus, .pt-cv-wrapper .btn-success[disabled]:focus, .pt-cv-wrapper fieldset[disabled] .btn-success:focus, .pt-cv-wrapper .btn-success.disabled.focus, .pt-cv-wrapper .btn-success.focus[disabled], .pt-cv-wrapper fieldset[disabled] .btn-success.focus, .pt-cv-wrapper .btn-success.disabled:active, .pt-cv-wrapper .btn-success[disabled]:active, .pt-cv-wrapper fieldset[disabled] .btn-success:active, .pt-cv-wrapper .btn-success.disabled.active, .pt-cv-wrapper .btn-success.active[disabled], .pt-cv-wrapper fieldset[disabled] .btn-success.active {
        background-color: #ad92d4;
        border-color: #ad92d4;
    }

    the code given by the author did not work.
    damage not having just this option and more in the free version of the plugin, fill choose the color of the button.

    If the code can help, so much the better.

    Plugin Author Content Views

    (@pt-guy)

    Hi guys,
    Please use this one

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

    Best regards,

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change read more button color’ is closed to new replies.