Blog "Read More"-Button styling

[freeheart]

Hi there,
I couldn’t get the correct CSS classes for the Read More buttons in the blog. I would like all my buttons – even system generated ones – to have rounded borders. I found some classes and used the following CSS. Unfortunately I was not able to style the Read More buttons.

border-radius:40px !important;
-moz-border-radius:40px !important;
-webkit-border-radius:40px !important;

Thanks in advance for your support!

Kind regards,
Tom

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.standard-items .blog-item .read-more-button {
  border: 2px solid;
  box-shadow: none;
  border-radius: 40px;
}

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.read-more-button {
    border-radius: 40px !important;
    border: 1px solid !important;
}

Thanks
Mohammad

[freeheart]

Thanks Kyle! That works great!

[freeheart]

Mohammad, thank you very much!

[Kyle – SUPPORT]

Great! No problem