Jump to content
Sign in to follow this  
chamainew

Removing white space around features on a certain page

Recommended Posts

chamainew

Hi, I would like to remove the white space from the sides of this feature...without removing the white space above it on these two pages

 

http://dhwinc.org.s70908.gridserver.com/

http://dhwinc.org.s70908.gridserver.com/?page_id=15

 

I also want to remove the slight border around the features but it's still there

 

Since I'm still learning about CSS...I thought this code woud work:

body .content .content-pad {
  padding:5 5 10px;
  color: #656464;
}

#content .content-pad {
  padding-top:10px;
}

.hentry .hentry-pad {
      padding:0 0 5px;
    border-top: 0 px
    border-bottom: 0
}

.fullwidth #column-main .mcolumn-pad {
  padding-left:0px;
  padding-right:0px;
}


 

Share this post


Link to post
Share on other sites
greenfly

Hello Chamaine

 

looks like you are getting the hang of it. 

 

Try prefixing your .content -pad with #features 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
chamainew

Thanks for the compliment but there's still white space on the left and right of the feature...here's the revised css:

 

body .content .content-pad {
  padding:5 5 10px;
  color: #656464;
}

#features .content-pad {
  padding-top:10px;
}

.hentry .hentry-pad {
      padding:0 0 0px;
    border-top: 0px
    border-bottom: 0px solid
    
}

.fullwidth #column-main .mcolumn-pad {
  padding-left:0px;
  padding-right:0px;
}

 

Share this post


Link to post
Share on other sites
James B

Hi Chamaine, 

 

We've dealt with this in llve but for anyone following this thread I'll post the solution we tried

 

#features .content-pad {
    padding-left:0;
    padding-right:0;
}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
chamainew

Thanks for your help! It looks great!

I didn't realize you're the "James" I've been speaking with in live!

You're always so nice to me!

Share this post


Link to post
Share on other sites
James B

Yeah it's me :-)

 

You're welcome, have a great weekend


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×