Container borders colour in tablet/mobile views

Hi there,

Color options are not responsive, you would need some CSS to change the border color.
If you want to share a link to a page where i can see what you want to change i can provide some CSS

Great, link attached! The containers I am working with are the three pricing tables.
By the way, all I want is to make these three pricing tables colour different than the background colour. I mean if there is any workaround to achieve this, then it is enough for me as well.

I would:

1. Select the parent Container that has the 3 column grid inside, and:

1.1 Give it some padding on Mobile

1.2 Give it an Advanced > Additional CSS Class of: dark-mobile or somnething

2. Add this CSS to your site:

@media(max-width: 768px) {
    .gb-container.dark-mobile {
        background-color: #000;
    }
}

That way you're not messing with border thicknesses that could cause you overflow issues.

Thanks a lot David.

You're welcome

I have a similar problem.

On the desktop I set a container border to 2px solid and white.
When switching to mobile, because the desktop specific CSS is not loaded, the border reverts to a default setting.

If the desktop border colour is set surely you would expect the responsive modes to inherit the desktop setting?

Hi Will,

Can you open a new topic and share the link to a page where we can observe the issue?