• Closed
  • Peter Johnson
    Spectator
    February 22, 2017 at 2:07 pm #32662

    Hello

    Would the following be correct for changing the colors of the “Learn More” buttons? I added this under the Custom CSS for the Front Page Content Box buttons. I wanted to change the colors completely including the border:

    .content-box .read-more {
    margin-top: -15px !IMPORTANT;
    background: #b680ec;
    color: #fff;
    border-color: #9e59e4 !IMPORTANT;
    -webkit-box-shadow: 0 2px 0 #4c0692 !IMPORTANT;
    -moz-box-shadow: 0 2px 0 #4c0692 !IMPORTANT;
    -ms-box-shadow: 0 2px 0 #4c0692 !IMPORTANT;
    -o-box-shadow: 0 2px 0 #4c0692 !IMPORTANT;
    box-shadow: 0 2px 0 #4c0692 !IMPORTANT;
    }

    Hope this is correct as it seems to work fine for me. For anyone interested who is not sure what does what, then the following might be helpful:

    Change: b680ec to your preferred button color.
    Change: 9e59e4 to your preferred button border color (this is the inner border not the outer shadow)
    Change: 4c0692 to your preferred outer shadow/border color.

    Thank you.

    Priyank
    Spectator
    Posts: 747
    February 23, 2017 at 7:45 am #32671

    Hello

    As you created custom CSS for content box is correct for specific buttons.
    If you are doing color change for button then it apply to all buttons. Your snippets is perfect for content box button color.

    Thank you