Space on right and left of block

I am using Lucid template. How may I eliminate or reduce the space on the right and left of blocks?

Replies (6)

· John Curtis

· 2021-01-14T16:46:02+0000
Alex T⚜️ , I am also using the Lucid template and would very much like to see this. It is most important for mobiles. Getting rid on this "wasted space" leaves more room for posts so they would be easier to see/read.
· LeonidS

· 2021-01-15T09:34:40+0000
Hi all!
The left and right padding depends from this CSS classes:
.bx-def-padding-sec-left {
padding-left: 8px;
padding-left: .5rem;
}
· Tim

· In reply to

LeonidS

· 2021-01-15T14:19:42+0000
Should part of this take care of the right?
· LeonidS

· In reply to

Tim

· 2021-01-15T17:23:08+0000
For the phones Lucid has the following spaces:
.bx-media-phone .bx-content-wrapper .bx-def-padding-sec-leftright {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
· Tim

· In reply to

LeonidS

· 2021-01-15T18:53:14+0000
I have tried but none of the codes you provided me have worked.
· LeonidS

· In reply to

Tim

· 2021-02-07T20:09:27+0000
I've corrected the syntax above and fixed your error (missing closing '}' in the Custome Styles mix) so now your mix reacts on these changes.