I would like to make some changes in Sidebar. My wish would be the screeshot-01 solution : https://giornali.it/giornale-personale/
My web : http://recetas.punzi.es/index.php/es/
I have added a code-css but it is not enough:
body.has-sidebar #container .container-main { padding-left: 200px; }
carlucci Try add this to custom css and adjust values accordingly :
body.has-sidebar #container #sidebar{ margin-left: -180px !important;width: 150px !important;}
Kindly ensure to clear your browser cache if changes dont reflect.
aman204 Hi Aman! Muchas gracias! It is not quite right. It should be a little more to the right and it must see the slide bar. Now he is invisible. I have tried to fix it and I do not get it. http://recetas.punzi.es/index.php/es/
carlucci Hi
You may try and play around with the values as suggested - margin-left and width.
For example, Kindly refer to screenshot where it is illustrated to show sidebar width value to be kept below 125px and values have been changed virtually
aman204
I modified the code "Text-align: none! Important;" does not work and the slide bar is not visible.
The code actual is :
body.has-sidebar #container .container-main { margin-left: 100px !important; } body.has-sidebar #container #sidebar{ margin-left: -200px !important; width: 215px !important; text-align:none !important; }
http://recetas.punzi.es/index.php/es/
I have removed all the code. I have left only the following:
body.has-sidebar #container .container-main { margin-left: 200px !important; padding-left: 0 !important; }
only lack of adjusting the text.
carlucci To get the results as envisaged as per your last screenshot, You will require to adjust margin-left value in the above CSS suggested after adding the same
aman204 Please close the thread. Thank you
