how to add border/background to posts?

This topic has 4 replies, 2 voices, and was last updated 9 years, 3 months ago by Sakin.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
August 15, 2015 at 7:53 am #63850

Bruce
Participant

Could someone tell me how to achieve this?

I want it to make the posts have an background and a border. Kinda like we see on this forum. The blue background is the main background of the site, and the forum has a lighter blue or gray background around it with a darker blue border.

I want to do this for my blog posts. Can someone tell me what code I need to edit and what I need to enter? I can figure out the color changes.

August 15, 2015 at 8:46 am #63858
Sakin
Keymaster
@Bruce: This is bit complicated, so I recommend you to hire customizer to do it. You can either build child theme and add css like below in your child theme style.css. For child them refer to http://catchthemes.com/blog/create-child-theme-wordpress/ or can add it in “Appearance => Theme Options => Custom CSS” box:. In the following css, you cna change the color code and elements as per your need.
```
body.blog,
body.archive {
    background-color: #8bc8fc;
}

.blog #main,
.archive #main {
    background-color: #77aad5;
    border: 1px solid #3a79ae;
    padding-left: 20px;
    padding-right: 20px;
}
```
August 15, 2015 at 9:51 pm #63874

Bruce
Participant

This is sooo close to what I am looking for! I just want this around the individual posts and not the side bar too. Can you share that code?

August 15, 2015 at 10:42 pm #63876

Bruce
Participant

I figured it out!! I have one more question. How can I add a border to the keyword box in the header?

August 16, 2015 at 11:45 am #63919
Sakin
Keymaster
@Bruce: ok then replace previous css with the following:
```
body.blog,
body.archive {
    background-color: #8bc8fc;
}
.blog #primary .post,
.archive #primary .post {
    background-color: #77aad5;
    border: 1px solid #3a79ae;
    padding: 10px;
}
```
Author

Posts