Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1405206

    It’s been awhile since I posted, hope all are well. I’m trying to understand how I can reduce the space between three columns using the “Layout Elements 1/3. Within each column, I’m only adding images with text embedded. On the page I’m working on I want the image in each of the 3 columns to take up the entire space within the column element…with 5-10px between each (hope that makes sense). Should I be using a different element?

    * see link to test page below

    Thanks in advance for any help.



    well – some settings on columns are determined by the first column in that row. One is the distance between columns:

    So you can decide on a case-by-case basis here. – but if you have it on the first setting:
    “Space between columns (6% – theme default)” – you can set this default value to a custom size with one
    snippet in your child-theme functions.php:

    function my_custom_column_spacing( $space ){
      //  e.g. set space between columns to 2% - default is 6%
      $space = 2.0;
      return $space;
    add_filter( 'avf_alb_default_column_space', 'my_custom_column_spacing', 999, 1 );

    Has the advantage that you do not have to change the value manually for many such settings.
    see: https://webers-testseite.de/column-spacing/


    Thank you for your quick response. I tried your suggestion, but it doesn’t appear to have fixed the problem. Maybe I missed something. I’m thinking the problem might be that my images are not filling out the respective grid areas for each column, so the 2% spacing isn’t working.

    I’ve provided the Test Page URL and my login credentials so someone can take a deeper look.

    Thank you!!!


    Please close this. Thanks for the help.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to Reduce Spacing Between Columns?’ is closed to new replies.