2017-01-10 8 views
0

このトピックを少し研究したところ、これはよくある質問ですが、解決方法はテーマによって異なります。テーマの開発者に連絡しますが、回答はありませんでした。本文の内容とフッターの空白の隙間を取り除く方法は?

私のテーマのCSSを見てきましたが、本文のコンテンツと私のフッターの間の空白の空白をどのように取り除くのか、どこからどこを取り除くかを見つけることができませんでした。

Here is a screenshot of the issue.(注:これはプレビューのスクリーンショットで、実際にはライブではありません)。私のウェブサイトは:https://dental.keystoneindustries.com/

私は編集/削除/追加する必要がある行はありますか?もしそうなら、どこ? CSSが以下に掲載されました。

#languageSelector { 
display: none; 
} 

/*Language selector*/ 

div#all-site-wrapper.hfeed.site div.OneLinkShow.OneLinkKeepLinks { 
position: absolute; 
width: 100%; 
left: auto; 
right: auto; 
z-index: 100000; 
} 

div#all-site-wrapper.hfeed.site div.OneLinkShow.OneLinkKeepLinks p { 
max-width: 1170px; 
width: auto; 
padding: 15px 15px 0; 
margin-left: auto; 
margin-right: auto; 
} 

.wpr_hazzard_img { 
width: auto !important; 
display: block; 
} 

.wpr_hazzard_img_inline { 
width: auto !important; 
display: inline-block !important; 
} 

.wpr_message_box { 
display: inline-block; 
margin: 0 1em 1em 0; 
padding: 0 20px; 
vertical-align: top; 
background: #fff none repeat scroll 0 0; 
border: 3px solid black; 
border-radius: 0; 
color: black; 
} 

.group_table .woocommerce .quantity, .woocommerce-page .quantity{ 
width: 50px !important; 
display: inline-block; 
float: left !important; 
} 
.group_table .wpr_tooltip_js{ 
display: inline-block; 
margin-top: 10px; 
vertical-align: middle; 
} 
#all-site-wrapper .iv-layout.header .login-ajax .trigger { 
font-size: 13px; 
} 


.header-right-area { 
margin-top:12px; 
} 
.live-search .iv-layout.header .inner-form { 
padding: 14px; 
} 
.live-search { 
position: relative; 
} 
.live-search .trigger { 
display: none; 
} 
.live-search .inner-wrapper { 
visibility: visible; 
opacity: 1; 
position: static; 
} 

#all-site-wrapper .live-search:not(.search-top-style):not(.search-full-screen-    alt-style):not(.search-full-screen-style) .inner-wrapper:after, 
#all-site-wrapper .live-search:not(.search-top-style):not(.search-full-screen- alt-style):not(.search-full-screen-style) .inner-wrapper:before { 
display: none; 
} 
.live-search .inner-wrapper { 
width: 260px; 
border: 0 none; 
} 
#all-site-wrapper .live-search .inner-form { 
padding: 0; 
} 

.classic-right-area .wpr-fix .iv-module { 
margin-left: 10px; 
} 

@media (max-width: 1200px) { 
.classic-right-area { 
    min-height: 200px; 
} 
.classic-right-area .header-right-area { 
    position: relative; 
} 

#all-site-wrapper .classic-right-area .wpr-fix .iv-module { 
    padding-bottom: 20px; 
} 
#all-site-wrapper .wpr-fix { 
    width: auto; 
} 
#all-site-wrapper .login-ajax { 
    margin-top: 10px; 
} 
#all-site-wrapper .woo-cart { 
    margin-top: 4px; 
} 
} 

@media (max-width: 992px) { 
#all-site-wrapper .wpr-fix .iv-module { 
    display: block; 
} 
#all-site-wrapper .wpr-fix { 
    position: relative; 
    width: 100%; 
} 
#all-site-wrapper .login-ajax .inner-wrapper { 
    left: 0; 
} 
#all-site-wrapper .login-ajax .inner-wrapper:before { 
    left: 31px; 
} 
#all-site-wrapper .login-ajax .inner-wrapper:after { 
    left: 32px; 
} 
#all-site-wrapper .classic-right-area .custom-text { 
    display: none !important; 
} 
#all-site-wrapper .wpr-fix .live-search { 
    position: absolute; 
    top: 0; 
    left: 20px; 
    margin-left: 0; 
} 
} 

@media (max-width: 767px) { 
.wpr-spacer { 
    height: 130px; 
    width: 100%; 
    float: left; 
} 

#all-site-wrapper .wpr-fix .live-search { 
    margin: 0 auto !important; 
    position: static; 
    float: none; 
} 
#all-site-wrapper .wpr-fix .login-ajax { 
    position: absolute; 
    top: 20px; 
    left: 25%; 
    width: 200px; 
} 
#all-site-wrapper .wpr-fix .woo-cart { 
    position: absolute; 
    left: 41%; 
    top: 20px; 
    width: 250px; 
} 
#all-site-wrapper .logo img { 
    margin-top: 0px; 
} 

#all-site-wrapper .header-left-area { 
    display: inline-block; 
    float: none; 
    position: relative; 
    left: 24%; 
} 
#all-site-wrapper .header-left-area .logo { 
    margin: 35px 0 0px; 
} 


#all-site-wrapper .live-search .inner-form { 
    margin-top: -46px; 
} 
} 

@media (max-width: 600px) { 
#all-site-wrapper .wpr-fix .login-ajax { 
    left: 22%; 
} 
} 

@media (max-width: 478px) { 
#all-site-wrapper .wpr-fix .login-ajax { 
    left: 0; 
    width: 80px; 
} 
#all-site-wrapper .wpr-fix .woo-cart { 
    left: 24%; 
    width: auto; 
} 

#all-site-wrapper .classic-right-area .wpr-fix .iv-module.live-search { 
    padding-bottom: 0; 
    position: absolute; 
    right: 15px; 
    bottom: 15%; 
    left: auto; 
    top: auto; 
} 

.live-search .inner-wrapper { 
    width: 170px; 
    border: 0 none; 
} 

.wpr-spacer { 
    height: 80px; 
    width: 100%; 
    float: left; 
} 

.wpr-fix { 
    margin-top: 0; 
} 

div#all-site-wrapper.hfeed.site div.OneLinkShow.OneLinkKeepLinks p { 
    margin-bottom: 10px; 
    padding: 15px; 
} 

#all-site-wrapper .header-left-area .logo { 
    margin: 5px 0 0; 
} 

.classic-right-area .menu-area-wrapper { 
    border-top: 0; 
    border-bottom: 0; 
    position: absolute; 
    top: 0; 
    right: 0; 
} 

.classic-right-area { 
    min-height: 130px; 
} 

.classic-right-area.stuck { 
    min-height: inherit; 
} 

.classic-right-area.stuck .container { 
    display: block !important; 
} 

.classic-right-area.stuck .container .header-left-area .logo { 
    margin: 15px auto !important; 
} 

.classic-right-area.stuck .container .header-left-area .logo .logo-normal { 
    margin: 0 auto; 
} 

.classic-right-area.stuck .container .wpr-fix { 
    display: none; 
} 
} 

ご協力いただければ幸いです。

答えて

0

クラス.ivan-custom-wrapperの要素には、空白の原因となるmargin-bottom: 45px;が含まれています。その余白を完全に削除するか、margin-topに変更して、その要素の最初のインスタンスの余白をゼロにします。

+0

助けてくれてありがとう!私は上のCSSで '.ivan-custom-wrapper'クラスを見つけられません - 私はこれについて適切な場所を探していませんか?私はこのCSSをエディタのスタイルシートから入手しています。 –

+0

すべてのCSSファイルを結合しているミニカーを使用しているので、どのファイルが入っているのかわかりません。しかし、それは主要なCSSファイルではなく、それらの1つにあります。 – APAD1

関連する問題