Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 10, 2015 at 8:42 pm #393954
    gareththomson

    Hi,
    I am having trouble reducing the width of the sidebar on one site.
    Through the theme settings it is only possible to make the sidebar 20% and main content 80% of the width, but I would like to make that 10% sidebar and 90% main content.
    I have tried adding the following custom code to functions.php in my child theme, but this has not altered the width at all.

    $avia_config['layout']['fullsize'] 		= array('content' => 'twelve alpha', 'sidebar' => 'hidden', 	 'meta' => 'two alpha', 'entry' => 'eleven');
$avia_config['layout']['sidebar_left'] 	= array('content' => 'eleven', 		 'sidebar' => 'one alpha' ,'meta' => 'two alpha', 'entry' => 'nine');
$avia_config['layout']['sidebar_right'] = array('content' => 'eleven alpha',   'sidebar' => 'one alpha', 'meta' => 'two alpha', 'entry' => 'nine alpha');

    Thanks,
    Gareth

    February 11, 2015 at 1:15 pm #394295
    Yigit

    Hi gareththomson!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .container .av-content-small.units {
width: 90%;
}

    Cheers!
    Yigit

    February 11, 2015 at 3:20 pm #394375
    gareththomson

    Hi Yigit.

    Thanks for that, but unfortunately it is making no difference to the width of the sidebar.

    Incase I have not explained myself correctly (which is quite possible! ;-) ) the effect I am wanting to achieve is what I would expect to happen if you were able to set the Content | Sidebar ratio to 90% | 10% in the General Layout ->Dimensions tab of the theme settings.

    Thanks,
    Gareth

    February 11, 2015 at 3:24 pm #394377
    Yigit

    Hi!

    I have added !important rule to the code in the bottom of Quick CSS field and it is working fine now. Please flush browser cache and refresh your page few times

    Best regards,
    Yigit

    February 12, 2015 at 1:59 pm #394986
    gareththomson

    Hi,

    Thanks for that, that’s what I needed. The next problem though is the font size is too large and the padding, left, right, and between the elements on the sidebar is too much. I have tried adding various bits to the Quick CSS to reduce this, but have had no luck.

    Could you possibly point me in the right direction?

    Thanks,
    Gareth

    February 12, 2015 at 2:36 pm #395016
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .inner_sidebar {
margin-left: 20px;
}
.sidebar .widgettitle {
text-transform: none;
font-size: 12px;
}

    Best regards,
    Yigit

    February 12, 2015 at 3:08 pm #395051
    gareththomson

    Thanks Yigit. That’s working well. :-)

    February 12, 2015 at 3:11 pm #395056
    Yigit

    Hey!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Reduce sidebar width to 10% in Enfold’ is closed to new replies.