Forum Support

Shape 5
July 24, 2021, 06:26:50 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Vertical gap between Shape 5 News Display module and other modules.  (Read 704 times)
phoenix710
Jr. Member
**
Offline Offline

Posts: 20



« on: 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?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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:

Code:
#s5_above_columns_wrap1 .module_round_box_outer {margin:0px !important;}
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
phoenix710
Jr. Member
**
Offline Offline

Posts: 20



« Reply #2 on: 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.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: November 17, 2017, 11:15:08 AM »

Code:
#s5_above_columns_wrap1 .module_round_box-module2 {margin:0px !important;}

Add this and it should do it.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
phoenix710
Jr. Member
**
Offline Offline

Posts: 20



« Reply #4 on: November 17, 2017, 01:45:58 PM »

That removed the side gaps; thank you.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.