Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 29, 2016 at 8:03 am #590588
    sarahed

    HI,

    I’ve got a page layout running throughout my client’s site that is 1/4 page column / 3/4 page main area… and I would like to reduce the margin (gutter) between the two areas – at present the left column is quite skinny, then there’s a big gap of white space before the main 3/4 content area starts.
    Links in private content…..
    All I seem to be able to control is the inner padding in the left column but not the space around the column.
    could you please advise how I can reduce this white space in the template…

    many thanks,
    sarah

    February 29, 2016 at 3:47 pm #590840
    Yigit

    Hi sarahed!

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

    .page-id-64 .flex_column.av_three_fourth {
    margin-left: 3%;
}

    then go to Enfold theme options > General Layout > Dimension and adjust sidebar + content ratio as needed

    Cheers!
    Yigit

    March 3, 2016 at 9:00 am #592487
    sarahed

    thanks for your help…This works well but I was wanting it for every page not just that page… can I make this change to the main css file?

    Another couple of questions
    – can I reduce the height of the white space between the top red menu (with home button) and the main menu area (with Women in the Bible etc black links) it’s the area that a logo would normally go in…my client wants to strip out as much white space as possible
    – can I somehow force the 2nd menu link (Bible study activities,text) in the top red menu to align right keeping the Home button aligned left?

    thanks again,

    Sarah

    March 6, 2016 at 6:36 am #593849
    Rikard

    Hi,

    The margin under the red area is reserved for the logo, please use this to not display it: 

    .av-logo-container {
display:none !important;
}

    The links on the top of your site is part of the same list so it will be difficult to get only one item to float right, but you can try adding it to a widget instead maybe? http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Try the following to apply Yigits fix to all pages: 

    .flex_column.av_three_fourth {
    margin-left: 3%;
}

    Regards,
    Rikard

    March 11, 2016 at 1:20 am #596640
    sarahed

    thanks for your help Rikard,

    You’ve been a great help!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘reducing margin/padding on a layout’ is closed to new replies.