/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Blog Page Layout showing in a box with round corners

Blog Page Layout showing in a box with round corners

By default, there isn’t a specific setting to add a box with rounded corners to the Blog page content. However, the customer can use the CSS code below for this purpose. 

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

.entry-content-wrap {

    background: var(--bb-content-background-color);

    border: 1px solid var(--bb-content-border-color);

    border-radius: var(--bb-block-radius);

    -webkit-transition: all linear .2s;

    transition: all linear .2s;

    padding: 20px !important; }

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Screenshot

With the Code:

Was this article helpful?

Related Articles

Contents

Related Helpful Links

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

  • This field is hidden when viewing the form
  • This field is for validation purposes and should be left unchanged.

Need Support?

Can't find the answer you're looking for?
Support

Test Sidebar

To speak to our Agency consultant, fill in the form found at our Contact Page.

"*" indicates required fields

Get Started

Enter your name and email address to get started with your project...

Name*
Profile photo of
Not recently active