grid-row-alb – Webers Testseite

default Grid-Row Element

Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text

Hello

Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your o

This is a color-section with a 1/1 coloured column.

So you can have a better comparison of where the maximum content width is.

.page-id-39603 .main_color {
  background-color: red;
}

Grid-Row with custom-class : grid-notfull

function grid_layout_notfull(){
$responsive_size = avia_get_option('responsive_size');
?>
<script>
(function($){
  $('.av-layout-grid-container.grid-notfull' ).each(function() {
    var notfullID = $(this).attr('id');
    $(this).hasClass('main_color') ? $(this).wrap('<div class="main_color notfullsize '+notfullID+'"></div>') : '';
    $(this).hasClass('alternate_color') ? $(this).wrap( '<div class="alternate_color notfullsize '+notfullID+'"></div>') : '';
  });
  $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
  $('.grid-notfull').css({"max-width": "<?php echo $responsive_size; ?>" , "margin": "0 auto" , "padding": "0 50px"});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'grid_layout_notfull');

Hello

Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your o

beneath a grid-row with only css setting to 1510px

you can see here the advantage of that snippet – how do you colorize then the areas left and right of grid-row ?

Grid-Row with custom-class : only-css

.page-id-39603 .av-layout-grid-container.only-css {
  max-width: 1510px;  /*** this is my default max-width set on enfold options page ***/
  margin: 0 auto;
  padding: 0 20px !important;
}

This is the pure CSS Method – but you see that it is hard to get the parts left and right colorized.

Hello

Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your o

default Grid-Row Element

Hello

Hello

This is a color-section with a 1/1 coloured column.

Grid-Row with custom-class : grid-notfull

Hello

Hello

beneath a grid-row with only css setting to 1510px

Grid-Row with custom-class : only-css

Hello

Hello

Webers Webdesign

Kontakt