• 0

Can i reduce this gap?


Question

Posted · Report post

Hi guys

 

If you look at my homepage you can see that the widget used for contact details on the right seems to have a large gap between the title and content. Is there anyway to make that gap smaller?  i know ive ticked the "add paragraphs" but it still looks too big a gap to me

 

I cant see how to do it via css

 

Any advice?

 

thanks!

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

could we have a link to your site please?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

lol sorry Martin..

 

No Problem - saw it in your profile but didn't want to assume... 

 

So, your Widget Title has the following padding / margin 

 

3px padding top and bottom

0.6em margin bottom

 

.widget .widget-title {
  color:rgba(0, 0, 0, 0.701961);
  margin-bottom:0.6em;
  padding:3px 8px 3px 0;
  text-align:left;
}
 
Your text widget has 5px top and bottom
 
.widget .textwidget {
  padding:5px 2px;
}
 
also 1.6em tp and bottom on each <p> tag
.widget .textwidget p {
  margin:1.6em 0;
  orphans:4;
}
 

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