Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #254420
    Kristin Borden
    Participant

    Hi
    The button colors for READ MORE on my blog posts are not following the color theme I have made in the settings. I need to change them and have tried these codes in the CSS but nothing works.

    readmore a {
    background: #A1D9D3 !important;
    }
    .readmore a:hover {
    background-color: #65B7AE !important;
    }
    .btn3 a {
    background: #A1D9D3 !important;
    }
    .btn3 a:hover {
    background-color: #65B7AE !important;

    #254451
    Skandha
    Keymaster

    @palosverdesmagazine: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
    To change the color and background color of read more button

    .more-link .more-button {
        padding: 12px;
        background-color: #f23456;
        color: #fff;
    }
    To change the hover color and hover background color of read more button
    .more-link .more-button:hover {
        color: #f00;
        background-color: #123456;
    }

    You can change the color according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #255009
    Kristin Borden
    Participant

    Hi
    It changed it on some areas but I have a Page for each author and their posts are included on the page, here the color didn’t change on the button.

    https://palosverdesmagazine.com/testauthor/

    #255014
    Kristin Borden
    Participant

    When I inspect the element it looks like the button is called .vc_btn3 and I have tried the same method as you wrote above but I can’t get it to work.

    vc_btn3-left .vc_btn3-container .vc_general .vc_btn3 .vc_btn3-size-md .vc_btn3-shape-rounded .vc_btn3-style-flat .vc_btn3-color-juicy-pink {
    padding: 12px;
    background-color: #D5B6B1;
    color: #fff;
    }

    .vc_btn3-left .vc_btn3-container .vc_general .vc_btn3 .vc_btn3-size-md .vc_btn3-shape-rounded .vc_btn3-style-flat .vc_btn3-color-juicy-pink :hover {
    color: #fff;
    background-color: #976D7A;
    }

    #255080
    Skandha
    Keymaster

    @palosverdesmagazine: Hello there,
    Your site seems to be on under construction mode. Please let me know when you site is accessible so that I can look into your issue.

    Kind Regards,
    Skandha

    #255666
    Kristin Borden
    Participant

    Yes I’m working on the backend so it’s just a “coming soon” page up now. How can we do this without publishing it?

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