Remove Overlap

afinocchiarophoto · Member · Feb 28, 2017 at 7:47 am
Copy link

Add topic to favorites
On the bottom of the following pages,there is an overlap with content and footer widgets. How do I correct this?

https://annafinocchiaro.com/community/planned-parenthood-of-the-heartland-presents-mobilize-omaha/

https://annafinocchiaro.com/community/the-union-for-contemporary-art-grand-opening/

https://annafinocchiaro.com/community/noban/

https://annafinocchiaro.com/community/nightingale-magazine/

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 1, 2017 at 2:41 am
Copy link
Hi there, there is something in your custom CSS causing this I’m pretty sure since the demo site does not have this issue. Since I can’t find what is causing the issue, we can add the following at the very bottom of your custom CSS to take care of it.
```
@media screen and (min-width: 998px) {
	.content-wrapper.full-width.with-featured-image {
		margin-bottom: 0;
	}
}
```
afinocchiarophoto · Member · Mar 1, 2017 at 7:11 pm
Copy link
Thank you!

On “posts” page, we centered the content but when I click on individual posts, it is not centered. Can I center these ?
thesacredpath · Member · Mar 1, 2017 at 7:54 pm
Copy link
Hi, we’ll get them all, I promise. :)
Add this to the bottom of your custom CSS.
```
.content-area {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
```
afinocchiarophoto · Member · Mar 6, 2017 at 8:58 am
Copy link
Hi @thesacredpath!

Can you help me make my blog posts look better? I’m not sure if I should 1. remove titles on the excerpts or 2. move text down and image can be seem completely.
thesacredpath · Member · Mar 6, 2017 at 7:26 pm
Copy link
Are you talking about on the categories pages, such as your family category? I’m not finding any text content, just galleries. On the categories pages, it seems to me it would be good to keep the titles.
afinocchiarophoto · Member · Mar 6, 2017 at 7:28 pm
Copy link
Yes, talking about family category, etc. Can we move the titles so they don’t overlap with the image?
thesacredpath · Member · Mar 7, 2017 at 12:46 am
Copy link
We can do that. Add the following to the bottom of your custom CSS.
```
@media screen and (min-width: 1180px) {
	.archive .post-thumbnail + .entry-header {
		margin-top: 0;
	}
	.archive .entry-body {
		display: none;
	}
}
```
I’ve also remove the content summary area below the titles so it tightens things up (the second rule in the above Media Query.
thesacredpath · Member · Mar 7, 2017 at 6:29 am
Copy link
Oops, sorry, to center on single post pages, use the following CSS.
```
.single .entry-title {
	text-align: center;
}
```
afinocchiarophoto · Member · Mar 7, 2017 at 6:27 pm
Copy link
Thank you!!!

On “Begin”, “Embrace” and “Continue” , how do I center the title of posts?
afinocchiarophoto · Member · Mar 7, 2017 at 6:37 pm
Copy link
Also, On “Begin”, “Embrace” and “Continue,” can I center the featured images as well?
thesacredpath · Member · Mar 9, 2017 at 2:29 am
Copy link
Hi, I’m not understanding what you are wanting. On your main page, the Begin, Embrace and Continue titles are part of the images themselves. When I click on any of those, the titles, and the images on the pages those take me to are centered. Can you be more specific about what you are talking about on those?

No items found.