![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/gg.corals.io/wp-content/plugins/strong-testimonials/public/css/ |
/** * To add Masonry to any template. * * Element sizing for responsive layouts with percentage widths. * 2 columns --> 2 x grid-sizer + 1 x gutter-sizer = 100% * 3 columns --> 3 x grid-sizer + 2 x gutter-sizer = 100% * 4 columns --> 4 x grid-sizer + 3 x gutter-sizer = 100% */ /*---------------------------------------------------------- * global tweaks *----------------------------------------------------------*/ .strong-content.strong-masonry .wpmtst-testimonial { margin-top: 0; word-wrap: break-word; } /*---------------------------------------------------------- * default: 1 column *----------------------------------------------------------*/ .strong-masonry .wpmtst-testimonial, .strong-masonry .grid-sizer { width: 100%; } .strong-masonry .gutter-sizer { width: 0; } .strong-masonry .wpmtst-testimonial.grid-item--width2 { width: 100%; } /*---------------------------------------------------------- * responsive *----------------------------------------------------------*/ @media only screen and (min-width: 480px) { /*---------------------------------------------------------- * 2 columns *----------------------------------------------------------*/ .strong-masonry.columns-2 .wpmtst-testimonial, .strong-masonry.columns-2 .grid-sizer { width: 48.5%; } .strong-masonry.columns-2 .gutter-sizer { width: 3%; } .strong-masonry.columns-2 .wpmtst-testimonial.grid-item--width2 { width: 97%; } /*---------------------------------------------------------- * 3 columns *----------------------------------------------------------*/ .strong-masonry.columns-3 .wpmtst-testimonial, .strong-masonry.columns-3 .grid-sizer { width: 31.33%; } .strong-masonry.columns-3 .gutter-sizer { width: 3%; } .strong-masonry.columns-3 .wpmtst-testimonial.grid-item--width2 { width: 62.66%; } /*---------------------------------------------------------- * 4 columns *----------------------------------------------------------*/ .strong-masonry.columns-4 .wpmtst-testimonial, .strong-masonry.columns-4 .grid-sizer { width: 22.75%; } .strong-masonry.columns-4 .gutter-sizer { width: 3%; } .strong-masonry.columns-4 .wpmtst-testimonial.grid-item--width2 { width: 45.5%; } }