EASYSOCIAL (HOW TO): Basics of templating (layout)
By Danny Malouin on Wednesday, 08 April 2020
Posted in General Issues
Replies 2
Likes 0
Views 413
Votes 0
Hi,
I would like to adapt the wireframe layout
I read the templating documentation but there's no references to this specifically.
I want
1- Make the sidebar larger
2- Make the gutter larger
Thanks for your help/guidance
Danny
Hi

For now, I just used some CSS


body #es .es-container .es-container__sidebar {

     width: 280px; 

    -webkit-flex: 0 0 280px;

    -ms-flex: 0 0 280px;

    flex: 0 0 280px;

    margin-right:40px;

}



body #es.is-mobile .es-container .es-container__sidebar {

    width: 200px;

    -webkit-flex: 0 0 200px;

    -ms-flex: 0 0 200px;

    flex: 0 0 200px;

    margin-right:20px;

}

Is this the best way to achieve this?

Thanks
Danny
Danny Malouin
·
Thursday, 09 April 2020 00:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi

For now, I just used some CSS


body #es .es-container .es-container__sidebar {

     width: 280px; 

    -webkit-flex: 0 0 280px;

    -ms-flex: 0 0 280px;

    flex: 0 0 280px;

    margin-right:40px;

}



body #es.is-mobile .es-container .es-container__sidebar {

    width: 200px;

    -webkit-flex: 0 0 200px;

    -ms-flex: 0 0 200px;

    flex: 0 0 200px;

    margin-right:20px;

}

Is this the best way to achieve this?

Thanks
Danny


Hi Danny,

Yes, you are do it right this is the recommended way to override EasySocial styling.
Chang
·
Thursday, 09 April 2020 10:10
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post