[Resolved] MELLOW – remove top and bottom strips (CSS problem?)

[Matthias Heil]

I would like to get rid of the two strips at the top and at the bottom of my MELLOW start page: https://www.st-antonius-kuenzell.de – appreciate your help!

[Leo]

Hi there,

Remove this CSS from Additional CSS field in the customizer:

#site-navigation .inside-navigation {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.header-wrap #site-navigation .inside-navigation {
    border-color: rgba(255,255,255,0.3);
}
.site-info {
    border-top: 1px solid rgba(0,0,0,0.2);
}

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthias Heil]

Thanks, Leo, but the two strips are still there… >>> https://www.st-antonius-kuenzell.de

[Leo]

Looks like your site is under maintenance mode. Can you unlock it?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthias Heil]

yep

[Leo]

Can you try selecting one container?
https://docs.generatepress.com/article/container-layout-overview/

Make sure to clear your caching plugin.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthias Heil]

Leo, thanks again – that solves the issue for the start page, but it destroys everything else… see three examples: https://1drv.ms/u/s!Alt3APf_Y5O2lId6vOu_knI_Slj7lw?e=zPMcEV

[Leo]

Ahh ok.

Try this CSS then:

.home.separate-containers .site-main {
    margin: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthias Heil]

I’m sorry, Leo, but the two stripes are quite stubborn little buggers… – even your css magic cannot make them go away…

[Leo]

The CSS should definitely work.

Did you clear your caching plugin after adding it?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthias Heil]

Yes. The buggers do persist, however. The CSS is still active (inserted at the end of GP additional CSS box)…

[Leo]

I’m not seeing the CSS being added at all.

Can you please disable the caching plugin first?

We ask for this everytime a topic is opened:
https://www.screencast.com/t/8db279BZ3

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthias Heil]

Oops, sorry. Deactivated the cache plugin, but… #strong #buggers (added 4th screenshot with additional css displaying in Customizer, and the lower strip still showing).

[Leo]

Looks like you forgot to close the bracket for @media (max-width: 768px) { so that CSS is only applying to mobile:
https://www.screencast.com/t/5J020dIUCZ0R

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthias Heil]

Leo, you’ve nailed the buggers! Thanks ever so much for your patience and persistence – excellent service!

[Author]

Posts