Site logo

Archived topic

Column Padding and Wrapper Margin

3 replies · Started by Maria on July 1, 2020

Viewing posts 1–4 of 4

There is some left padding on gb-grid-column and left margin on gb-grid-wrapper that's affecting my text causing the text to be slightly off-center. I've spent hours trying to remove the padding and margin but no success. Hoping you can help. Take a look at the Call Now clickable link on my test page.

I've got Container > Grid > Container > Custom html

Hi there,

add box-sizing: border-box; to your call button CSS - see below:

a.callbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.25em;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background-color: #7daced;
    box-sizing: border-box; /* Add box-sizing */
}

Perfect. Thanks so much.

You're welcome

This archived topic is closed to new replies.