How to add border to posts either individually or generally – Author Pro

[Ozpress]

I would really like to add a border to specific posts, or if that is too complicated, then to all posts. For example the post at this page.

http://www.pqdarcy.com

[epiceriedublog]

hi, don't understand where is the border on the example ... 🙁

---

Blogger at epiceriedublog.com
My last Genesis child Theme: Holly Foody

[Ozpress]

Sorry, I expressed my problem poorly. I meant that I would like to add a border to a post that does not have a border and I gave an example of a borderless post in my first post above.

[epiceriedublog]

ok, where does the border have to be ?

---

Blogger at epiceriedublog.com
My last Genesis child Theme: Holly Foody

[Ozpress]

I would like a border around the entire post, thanks. BTW, I am learning french so I was able to understand some of your website, but not enough. I hope to be much better by this time next year.

[Ozpress]

Can anyone help with this. I am lost because of the design of author pro as it (to me) seems to be not a simple problem due to the front page widget design of the theme.

[Christoph]

Hi,

there are several ways to do this.

If you want to target specific posts, you can use the post id as CSS selector.
E.g. .post-829 for the post you linked to.

To target all posts you could use .post

This

.post {
    margin: 10px;
    border: 3px solid #000;
}

will look like
http://prntscr.com/biwlyh
http://prntscr.com/biwm2f

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Ozpress]

Thank you very much for your reply, Christoph. I tried your suggestion, which is exactly what I want, but I failed. My css in the dashboard editor ends as follows:

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 100%;
	}
	.post-829 {     
	margin: 10px;     
	border: 3px solid #000; 
	}	 
}

However that had no effect. I refreshed the browser, tried another browser with no luck. I tried deleting -829 so it exactly matched your suggestion but that didn't work either. There is clearly something fundamental that I am not understanding.

[Christoph]

Hi,

First, avoid using the built-in file editor.
Second, don't add CSS at the bottom of the file.
You might write inside the last media query (as you did), or you override settings in the media queries.
Add CSS before the media queries (easier to find) or add it to similar selectors.

In Genesis child themes, media queries usually start with

@media only screen and (max-width: xxxpx) {
After the opening bracket follows all the code for that screen size and the media query ends with a
}

You added the code just before the closing } of the last media query so it is only "executed" for that screen size.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Ozpress]

Oh, I am embarrassed making that error. All fixed now. Thank you and please have a coffee on me. 🙂

[Author]

Posts