[Resolved] Container borders colour in tablet/mobile views

[Faris]

Hello team,

I am trying to change the borders colour for a container and that is work amazingly for a desktop, but for a tablet or mobile view I can’t find that option. Any idea how to deal with this?

https://ibb.co/6swZDF7
https://ibb.co/PWCwHsr

[David]

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

[Faris]

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.

[David]

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.

[Faris]

Thanks a lot David.

[David]

You’re welcome

[Wil]

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?

[Fernando]

Hi Will,

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

[Author]

Posts