CSS for custom width | PenciDesign Support

usernameMi replied

8 years ago

Customer Reply

Marvelous ! Thank you very much for your help, have a nice day !

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please use this code for change the width for container 1400px:

\
@media screen and (min-width: 1440px){\
.penci-container-fluid, \
.two-sidebar .site-main .penci-container {\
    max-width: 1500px;\
}\
}\

For change the sidebar width, please use this Custom CSS code:

\
@media screen and (min-width: 1240px){\
.two-sidebar .site-main .penci-container .widget-area, \
.penci-vc_two-sidebar.penci-container .widget-area, \
.penci-vc_two-sidebar.penci-container-fluid .widget-area {\
    margin-top: 0;\
    width: 350px;\
    padding: 0;\
}\
.two-sidebar .site-main .penci-container .penci-wide-content, \
.penci-vc_two-sidebar.penci-container .penci-wide-content, \
.penci-vc_two-sidebar.penci-container-fluid .penci-wide-content {\
    max-width: calc( 100% - 700px);\
}\
}\

Change value 350 to value for sidebar width as you want.
Change value 700 to double value of your sidebar width.

Best Regards,

PenciDesign

usernameMi started the conversation

8 years ago

Conversation Start

Hello Penci team,

\

I'm trying to adjust the width (content and sidebars) to make them slightly wider. Until now I found

\

\
.penci-vc_row-width-1400{\
max-width: 1500px !important; \
}\
.penci-container-width-1400{\
max-width: 1500px !important; \
}

\

Please, is there any other CSS to modify, especially for sidebars ?

\

A separate question: transparency for colors, is it planned ?

\

Thank you and have a nice day