[Resolved] Border CSS Not Working On One Section

[Mary Pearson]

I am using the following CSS for borders on each of my sections

#generate-section-1.generate-sections-container, #generate-section-3.generate-sections-container, #generate-section-5.generate-sections-container, #generate-section-6.generate-sections-container {
    border-top:  3px solid #9e000e;
	border-bottom:  3px solid #9e000e;}

It works fine except for between my fifth and sixth sections. I’m not sure why it’s not showing up there. I’ve tried making the border 100px to see if it is hiding somewhere. I removed all my other CSS to see if that was preventing it from showing. Not sure why it is not showing. Would appreciate some help.

Thanks!

[Leo]

Hi there,

I do the border between the 5th and 6th section:
https://www.screencast.com/t/ed7iJ2yP0Y

Have you fixed this?

[Mary Pearson]

Sorry, no, I just added another section so you’re not seeing it. The problem is the bottom of the map section. I have now tried to add it to the top of section 7.

[Leo]

Hmm for some reason I think the map itself is the issue.

What happens if you remove the map and just insert some text content?

[Mary Pearson]

Yes, quite right. I removed the map, added text and borders work.

[Leo]

Ok so I believe the issue is that the map plugin is using absolute positioning for everything.

This isn’t something we can help with unfortunately.

[Mary Pearson]

That’s OK. Once you said it, I realized that I need to contact them. Thank you so much for the great direction! Much appreciated!

[Leo]

No problem 🙂

[Author]

Posts