|
: Vertical gap between Shape 5 News Display module and other modules. : phoenix710 November 15, 2017, 11:17:49 AM S5:
Please refer to my dev site http://silicondozier.cloudaccess.host for the following. I have a Shape 5 News Display module in position above_columns_1 and custom HTML module in position middle_top_1. The image height is 180, the image width is 320, and the module width is 700. I'm using the Layout 5 option. The Chrome debugger shows the Shape 5 News Display module to be 257 pixels high and the div that contains it to be 317 pixels high. There is nothing in the CSS (that I can find) to account for the 60 pixel gap. This looks very unprofessional and unfinished. Also, there is nothing else in any of the above_columns row positions, but there is a white column on both sides of the Shape 5 News Display module. I really want the module to be 100% wide. So, there are two issues: 1. How can I eliminate the 60 pixel vertical gap? 2. How can I eliminate the white gaps on either side of the Shape 5 News Display module? : Re: Vertical gap between Shape 5 News Display module and other modules. : jonahh November 16, 2017, 12:32:57 PM Hello,
Please add the following to your custom.css file and clear your browser cache. This should do it: : #s5_above_columns_wrap1 .module_round_box_outer {margin:0px !important;}: Re: Vertical gap between Shape 5 News Display module and other modules. : phoenix710 November 16, 2017, 12:59:07 PM Thank you, that's much better. There are still gaps left, right and below, but I'll be able to hide those (I think) by setting the background color the same as the module.
: Re: Vertical gap between Shape 5 News Display module and other modules. : jonahh November 17, 2017, 11:15:08 AM : #s5_above_columns_wrap1 .module_round_box-module2 {margin:0px !important;}Add this and it should do it. : Re: Vertical gap between Shape 5 News Display module and other modules. : phoenix710 November 17, 2017, 01:45:58 PM That removed the side gaps; thank you.
|