[Resolved] Wider Sidebar Without Padding

[FunkyCss]

Hallo GP Team , so i try to re-create an old site and i need to make the sidebars like this – > https://tzermias.gr/

and if is possible header and footer , i only need the right side my staging site on GP https://staging.tzermias.gr/

[Tom]

Hi there,

Not an overly easy one to figure out.

They’re using an empty element to apply the background image to the right sidebar of the page only, but I’m not sure if that would work with the current HTML.

You could try stretching the color all the way to the right like this:

.inside-right-sidebar:after {
    content: "";
    position: absolute;
    background: #000;
    width: 1000px;
    display: block;
    top: 0;
    left: 100%;
    bottom: 0;
    background: #B6C9D0;
}

.inside-right-sidebar {
    position: relative;
    background: #B6C9D0;
}

body, html {
    overflow-x: hidden;
}

[FunkyCss]

Thank you Tom it works

[Tom]

You’re welcome 🙂

[Author]

Posts