How to adjust the width for the post? about hexo-theme-tranquilpeak HOT 8 CLOSED

1. Edit max-width value of $main-content map in tranquilpeak/source/_css/utils/_variables.scss file :

// Main content
$main-content: (
    'max-width':          750px,
    'padding-right-left': 20px,
);

1. Run grunt build or/and grunt buildProd to see changes
2. Enjoy :D

from hexo-theme-tranquilpeak.

Thanks, Louis.
Another, is it possible to set the sidebar to the right?

from hexo-theme-tranquilpeak.

Currently no, but it could be a new feature. Create a new issue to ask if other people would like to be able to do that :)

from hexo-theme-tranquilpeak.

Hey Louis, sorry to disturb.
As to super large screen, it seems not good simply setting a wider post-content. I think it is good to set a fixed 'max-width' for post-content just like what you have done.
Therefore, I am considering how about add a new sidebar behavior which show a wider and new-styled sidebar in super large screen.

from hexo-theme-tranquilpeak.

@kaedea ,

this is really a good thing to ask as new feature. Could you please open another issue?

Thanks

from hexo-theme-tranquilpeak.

@kaedea @jrbenito It's a pitty to hide all sidebar menu with all this space. It takes 1 more actions to navigate with the menu. You would like exactly the same sidebar on the photo or it's just an example?

from hexo-theme-tranquilpeak.

@LouisBarranqueiro
All right, I don't know exactly what pitty means. The wide sidebar I showed above is just an example. But I like this style (avatar + bio + links' icon).
Please consider this feature, as most Chinese coders like 1080p screen. The best way to keep a fixed-width post content in different screens is using a flexible sidebar.

from hexo-theme-tranquilpeak.

@kaedea

Do you need help to PR this? We can try merge in your code.

from hexo-theme-tranquilpeak.