Title: CSS Issues
Last modified: April 5, 2018

---

# CSS Issues

 *  [pyrotaz27](https://wordpress.org/support/users/pyrotaz27/)
 * (@pyrotaz27)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/css-issues-42/)
 * When I first set this page up, I was only HTML code and everything looked great.
   I’ve recently started messing around with responsive css. Ever since I set my
   css I’ve gotten these huge gaps underneath the boxes on the right, and my gaps
   between the boxes have disappeared? I’m not sure what I’m doing wrong here. It
   looked fine before I entered the css, so I know there’s something I’m missing
   with the css. I’ve tried border-spacing, padding, margins, etc. Nothing puts 
   a space between the boxes left to right, and nothing I have tried gets rid of
   that huge gap between the top boxes on the right and the bottom boxes on the 
   right?
    This is the structure I want the page to have. For some reason it looks
   fine until I add the responsive code. [http://citylightschurch-abq.com/test-page](http://citylightschurch-abq.com/test-page)
   Any help would be appreciated. I’m not sure what I’m missing, Copy of my css.
 * .video {
    float: left; border-width: 1; border-style: double; border-color: grey;
   margin-right: .25%; margin-top: .25%; margin-bottom: .25%; text-shadow: 3px 3px
   3px #000000; background-image: url(“[http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221](http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221);)}.
   audio1 { float: left; border-width: 1; border-style: double; border-color: grey;
   margin-right: .25%; margin-left: 0%; margin-top: .25%; margin-bottom: .25%; background-
   image: url(“[http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221](http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221);)}.
   audio2 { float: left; border-width: 1; border-style: double; border-color: grey;
   margin-right: .25%; margin-left: 0%; margin-top: .25%; margin-bottom: .25%; background-
   image: url(“[http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221](http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221);)}.
   audio3 { float: left; border-width: 1; border-style: double; border-color: grey;
   margin-right: .25%; margin-left: 0%; margin-top: .25%; margin-bottom: .25%; background-
   image: url(“[http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221](http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221);)}.
   audio4 { float: left; border-width: 1; border-style: double; border-color: grey;
   margin-right: .25%; margin-left: 0%; margin-top: .25%; margin-bottom: .25%; background-
   image: url(“[http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221](http://citylightschurch-abq.com/wp-content/uploads/2016/08/005-wood-melamine-subttle-pattern-background-pat.jpg&#8221);)}/*
   For mobile phones: */ [class*=”col-“] { width: 100%; } [@media](https://wordpress.org/support/users/media/)
   only screen and (min-width: 430px) and (max-width: 604px) { /* For tablets: */.
   col-m-1 { width: 98.60%; height: 1080px; } .col-m-2 { width: 48.47%; height: 
   655px; } } [@media](https://wordpress.org/support/users/media/) only screen and(
   min-width: 604px) and (max-width: 800px) { /* For tablets: */ .col-t-1 { width:
   98.60%; height: 1165px; } .col-t-2 { width: 48.47%; height: 650px; } } [@media](https://wordpress.org/support/users/media/)
   only screen and (min-width: 800px) and (max-width: 1024px) { /* For tablets: */.
   col-a-1 { width: 98.60%; height: 1300px; } .col-a-2 { width: 48.80%; height: 
   600px; } } [@media](https://wordpress.org/support/users/media/) only screen and(
   min-width: 1024px) and (max-width: 1366px) { /* For tablets: */ .col-b-1 { width:
   47.50%; height: 1251px; } .col-b-2 { width: 24.50%; height: 620px; } } [@media](https://wordpress.org/support/users/media/)
   only screen and (min-width: 1366px) { /* For desktop: */ .col-1 { width: 24.75%;
   height: 568.75px; } .col-2 { width: 47.80%; margin-left: .25%; height: 1148.75px;}}
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-issues-42%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/css-issues-42/#post-10148190)
 * Hi [@pyrotaz27](https://wordpress.org/support/users/pyrotaz27/)
 * Your CSS settings are not wrong.
 * gap , right side box between row1 to row2 is occured conflict theme css.
 * if you need to remove gap
 * Please add the following style
 * customize / additional CSS
 *     ```
       .entry-content > div{
           margin-top:0;
           margin-bottom:0;
       }
       ```
   
 * Thank you.
    -  This reply was modified 8 years, 1 month ago by [nobita](https://wordpress.org/support/users/nobita/).

Viewing 1 replies (of 1 total)

The topic ‘CSS Issues’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/raindrops/1.700/screenshot.png)
 * raindrops
 * [Support Threads](https://wordpress.org/support/theme/raindrops/)
 * [Active Topics](https://wordpress.org/support/theme/raindrops/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/raindrops/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/raindrops/reviews/)

## Tags

 * [Coding](https://wordpress.org/support/topic-tag/coding/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [developing](https://wordpress.org/support/topic-tag/developing/)
 * [html](https://wordpress.org/support/topic-tag/html/)

 * 1 reply
 * 2 participants
 * Last reply from: [nobita](https://wordpress.org/support/users/nobita/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/css-issues-42/#post-10148190)
 * Status: not resolved