Archived topic

Issues applying border to content

18 replies · Started by Tara Alemany on October 17, 2019

Viewing posts 1–15 of 19

October 17, 2019 at 12:54 pm #1037524

I had developed a site years ago using the Genesis framework and Prose theme.

I'm working in a staging area to recreate the look and feel of the site using GeneratePress. You can find that site in the private URL.

I can't find the right CSS to add to make the border stretch all the way around the header, menu, content and footer. Right now I'm using:

body .container {
  padding: 5px;
  border: 3px solid #EDB7C1;
	border-radius: 5px;
}

I've also tried:

body .grid-container {
  padding: 5px;
  border: 3px solid #EDB7C1;
	border-radius: 5px;
}

But that just makes every single section have its own border.

Ideally, I'd like to make the nav bar float, like on the original site too, but that's not as important as getting this border figured out.

If anyone has any suggestions, I'd love to hear them. I'm using GP Premium and have the latest version.

Thanks!
Tara

October 17, 2019 at 1:50 pm #1037551

Hi there,

This should help:
https://docs.generatepress.com/article/adding-a-container-wrapper/

Let me know :)

October 17, 2019 at 2:10 pm #1037561

Awesome! Thank you, Leo. It works great, with one small exception.

I want the footer widgets included in the border, but not the footer itself. I played with the various hook settings, but none of them seem to change things. Before_footer ends before the footer widgets, yet after_footer-widgets ends after the footer bar as does before_footer_content, after_footer_content and just simply footer.

Any idea how to fix that?

October 17, 2019 at 3:21 pm #1037594

Hi there,

try the after_footer_widgets and change the Priority to 5 or less.

October 17, 2019 at 3:25 pm #1037599

Closer, David. But not quite there yet... The footer bar (copyright bar) is still inside the wrapper.

October 17, 2019 at 3:32 pm #1037604

Weird. The after_footer_widgets worked for me by default:
https://www.screencast.com/t/mHPU4Y8wZ

Your page requires username and password to view so I can't see the issue.

Any chance you can unlock it for now or provide the info?

We can move the site link to the private URL field so only our staff can see it as well.

Let me know :)

October 17, 2019 at 7:28 pm #1037697

You can use techsupport and SxZmrp!W^)XczHNm@8SsR((h.

October 18, 2019 at 6:37 am #1038058

Can you check those login details - i am being rejected.

October 18, 2019 at 11:57 am #1038404

Sorry. Same username and )36d5ZN3O1fBz1!lHCS%kBIM.

October 18, 2019 at 12:00 pm #1038405

Hmm it's currently added using the after_footer_widgets hook?

October 18, 2019 at 12:01 pm #1038408

Yes. https://www.screencast.com/t/4i0e2GLp

And I want it to end where the arrow points, not where the border currently is ended, which is after the footer bar. https://www.screencast.com/t/J8FFeGlY1Y

October 18, 2019 at 7:57 pm #1038600

Hi there,

What if you use the footer hook in your Hook Element and set the priority to 6?

Let me know :)

October 19, 2019 at 5:41 pm #1039291

No change.

October 21, 2019 at 9:09 am #1040483

Any other ideas? Is there any chance that doing this in a staging area is impacting the results?

October 21, 2019 at 5:11 pm #1040806

Sorry we didn't get back to you! Not sure how it slipped through.

Can you try the footer hook using 4 as the priority?

The copyright area is hooked into the same hook using 5 as a priority, so using 4 should fix it.

This archived topic is closed to new replies.

Start building better websites today.