2016-07-20 3 views
0

私のモバイルフッタ(CSS)の間隔(行間/段落間)を変更するにはどうすればよいですか?以下のコードはresponsive.cssワードプレス私のモバイルフッタ(CSS)の間隔(行間/段落間)を変更するにはどうすればよいですか?下のコードはresponsive.cssのワードプレスからです

これは、私は間隔が、それが現在あるものよりも近くになりたい私のwordpressの

のresponsive.css部からであるからである - あなたはwww.hotdatajobsを訪問し、それを確認することができます。 digitalya.ro

/* new changes footer */ 
    @media (max-width: 640px) { 
     .col-xs-12.p-t-20.padding-l-r-10 span { 
      font-size: 18px; 
     } 
     .site-footer { 
      padding-top: 40px; 
     } 
     .footerRow .col-md-15.col-sm-15.col-xs-12 .title-block { 
      margin-bottom: 10px; 
     } 
     .m-h-f { 
      min-height: 295px; 
     } 
     .m-h-l { 
      min-height: 170px; 
     } 
    } 

    @media (max-width: 440px) { 

     .m-h-f, 
     .m-h-l { 
      min-height: 100px; 
      margin-bottom: 20px; 
     } 

     .m-h-f { 
      min-height: 230px; 
     } 

     .p-l-f { 
      width: 150px!important; 
     } 

     .site-footer .footerRow .footer-social-item { 
      font-size: 16px; 
     } 
     .site-footer .footerRow a { 
      font-size: 14px; 
     } 
     .col-xs-12.p-t-20.padding-l-r-10 span, 
     .site-footer .title-block { 
      font-size: 16px; 
     } 
    } 

    @media (max-width: 374px) { 

     .m-h-f, 
     .m-h-l { 
      min-height: 100px; 
      margin-bottom: 20px; 
     } 

     .m-h-f { 
      min-height: 225px; 
     } 

     .p-l-f { 
      width: 110px!important; 
     } 

     .footerRow .col-xs-12 { 
      padding: 0; 
     } 
     .site-footer .footerRow .footer-social-item { 
      font-size: 14px; 
     } 
     .site-footer .footerRow a { 
      font-size: 12px; 
     } 
     .col-xs-12.p-t-20.padding-l-r-10 span, 
     .site-footer .title-block { 
      font-size: 14px; 
     } 
    } 
    /* end general */ 

答えて

0

line-heightプロパティでテキストの行間を制御できます。

例えば、16pxにフォントサイズと下部と上部のラインから遠い4PX:の

line-height: 24px; /* 4px +16px + 4px */ 

またはem単位で

line-height: 2em; /* 1em = 12px in this case. 24/12 == 2 */ 

..だから

.site-footer .footerRow .footer-social-item { 
    font-size: 16px; 
    line-height: 24px; 
} 

もちろん、どれくらいの間隔を置いているかに応じて線の高さを減らすことができます。 16px未満のものは、16pxのテキストを使用しているので、そのことを覚えておいてください。

また、そのdivの幅が440pxより大きくなると、line-heightの値は適用されません。

+0

ありがとうございます!私は技術的ではないので、私のコードを編集できますか?私がそれを試しているときに、それは働いていない – user3726808

関連する問題