Jump to content


Photo
- - - - -

Can i reduce this gap?

css

  • Please log in to reply
3 replies to this topic

#1 hypman

hypman

    Super Member

  • Members
  • PipPipPipPip
  • 113 posts
  • LocationUK
  • Framework Version:iblog pro
  • Country: Country Flag

Posted 23 June 2014 - 08:05 PM

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!



#2 Martin Davies

Martin Davies

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 23 June 2014 - 08:06 PM

could we have a link to your site please?



#3 hypman

hypman

    Super Member

  • Members
  • PipPipPipPip
  • 113 posts
  • LocationUK
  • Framework Version:iblog pro
  • Country: Country Flag

Posted 23 June 2014 - 08:25 PM

lol sorry Martin..

 

http://ripley-hypnotherapy.co.uk

 

thanks



#4 Martin Davies

Martin Davies

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 23 June 2014 - 09:58 PM

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;
}
 






Also tagged with one or more of these keywords: css