Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1578509
CSS for custom width
Closed

Comments

  • usernameMi started the conversation
    May 17, 2018 at 3:36pm

    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

  •  2,700
    PenciDesign replied
    May 18, 2018 at 2:37am

    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 replied
    May 21, 2018 at 10:21am

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