Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #28060

    Hi Team Kriese,

    is there an option to setup the width of sidebar which takes a lot of space at the moment.




    just a hint – I already had a look in other posts but didn’t understand them – You wrote add the code into the quick css field – but where can I find the quick css field???



    You can go to Enfold > Styling > scroll a bit below for the Quick CSS field. You can also use the custom.css located on the css folder via FTP or your cpanel.

    Please refer to this link: https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -to-300-px




    Hi Ismael,

    thank you for your answer. I copy and pasted the code and also changed all the numbers (increased them by 50%) but the result wasn’t like I expected. I would like to ask you for an favor to mark / explain the code below and what happen if I change it where….

    My target is to reduce the width of the sidebar by 50%.

    Many thanks for your patience!

    @media only screen and (min-width: 1340px) {

    .responsive_large .container .nine.units {

    width: 850px;



    @media only screen and (min-width: 1140px) {

    .responsive .container .nine.units {

    width: 690px;



    .container .nine.units {

    width: 600px;


    @media only screen and (max-width: 989px) and (min-width: 768px) {

    .responsive .container .nine.units {

    width: 450px;




    Tbh I wouldn’t use css to change the sidebar width but I’d suggest to change the container units. Open up functions.php and search for

    $avia_config['layout']['sidebar_left'] 	= array('content' => 'nine', 		 'sidebar' => 'three alpha' ,'meta' => 'two alpha', 'entry' => 'nine');
    $avia_config['layout']['sidebar_right'] = array('content' => 'nine alpha', 'sidebar' => 'three alpha', 'meta' => 'two alpha', 'entry' => 'nine alpha');

    You’ll nptice that the sidebar parameter is set to ‘three alpha’ which means that the sidebar width is set to 3 units (based on a 12 grid layout). You can replace “three” with “two” or “four” to increase or decrease the sidebar width. If you set it to “two” you’ll have one unit left. Use it to increase the content width and replace “nine” with “ten”.


    Many thanks for your support guys!

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘sidebar’ is closed to new replies.