[Kristin Borden]

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;

[Skandha]

@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

[Kristin Borden]

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/

[Kristin Borden]

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;
}

[Skandha]

@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

[Kristin Borden]

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?

[Skandha]

@palosverdesmagazine: Hello there,
You could provide me your Admin Credentials through email so that I can look into the issue. Let me know what you would like to do.

Kind Regards,
Skandha

[Kristin Borden]

I have sent you an email from design@********.com

[Skandha]

@palosverdesmagazine: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.vc_btn3-container.vc_btn3-left a {
    color: #fff !important;
    background-color: #D5B6B1 !important;
}
.vc_btn3-container.vc_btn3-left a:hover {
    color: #fff !important;
    background-color: #976D7A !important;
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts