我有一个 wordpress 网站，我正试图从我的网站中删除顶部的黑条。
使用Firebug，我想通了代码是这样的
<div class="top-bar">
但删除此代码会影响嵌入此代码中的其他代码。恐怕修改 css 文件可能会影响代码。任何人都可以建议一种在保持其他组件完好无损的情况下移除顶部栏的最佳方法吗？
网站地址为 192.254.143.28
@字符集“utf-8”； /* CSS 文档 */
/-------- <<响应式>> ---- em>----/ /-------- <<桌面>> ----- ---/
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width:1119px) and (max-width:1520px) {
#slider { min-height:450px; }
.property-search-container.type2 { top:20%; }
.property-search-container.type1 {width: 581px; }
.boxed .container, .boxed .top-bar .top-container { width:1000px; }
.boxed .wrapper, .boxed #header-wrapper { width:1060px; }
.boxed #slider { min-height:416px; }
.boxed .caroufredsel_wrapper, #bbar-wrapper .dt-sc-ads-carousel li { width:1000px !important; }
.boxed .caroufredsel_wrapper .properties.dt-sc-one-third { width:313px !important; }
.dt-sc-ads-carousel-wrapper ul.dt-sc-ads-carousel, #bbar-wrapper .dt-sc-ads-carousel li { height:68px !important; }
#bbar-wrapper{ display: none; }
}
@media only screen and (min-width:960px) and (max-width:1120px) {
.container, .top-bar .top-container { width:900px; }
.boxed .wrapper, .boxed #header-wrapper { width:940px; }
.boxed #header .container { padding:0px 20px; }
.dt-sc-ads-carousel-wrapper ul.dt-sc-ads-carousel, #bbar-wrapper .dt-sc-ads-carousel li { height:61px !important; }
#bbar-wrapper{ display: none; }
#bbar-close { top:27%; }
/*----*****---- << Header >> ----*****----*/
#main-menu ul li a { padding:0px 14px; }
#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a, #main-menu > ul > li.current-menu-ancestor > a { padding:40px 14px; }
.is-sticky #header #main-menu > ul > li:hover > a, .is-sticky #header #main-menu > ul > li.current_page_item > a, .is-sticky #header #main-menu > ul > li.current-menu-ancestor > a { padding:23px 14px; }
.header3 #main-menu > ul > li > a, .header4 #main-menu > ul > li > a { font-size:13px; text-transform:capitalize; }
#main-menu > ul > li > ul > li > ul { left:auto; right:200px; }
/*----*****---- << Main >> ----*****----*/
#primary { width:600px; }
#primary.content-full-width { width:100%; }
#secondary { width:280px; }
#slider { margin:0 0 35px; min-height:400px; }
.property-search-container.type2 { top:20%; }
.property-search-container.type1 {width: 581px; }
/*----*****---- << Home >> ----*****----*/
.dt-sc-ico-content.type2 { width:83%; }
.dt-sc-ico-content.type3 { width:67%; }
/*----*****---- << Portfolio >> ----*****----*/
.portfolio.dt-sc-one-third { width:31.8%; }
.dt-sc-one-third.with-sidebar { width:31%; }
.portfolio.dt-sc-one-fourth { width:22%; }
.portfolio.dt-sc-one-fourth.with-sidebar:hover a.zoom { left:8%; }
.portfolio.dt-sc-one-fourth.with-sidebar:hover a.link { right:8%; }
.portfolio.dt-sc-one-half.with-sidebar { width:48.4%; }
.portfolio-carousel-wrapper .portfolio.dt-sc-one-third:hover a.zoom { left:27%; }
.portfolio-carousel-wrapper .portfolio.dt-sc-one-third:hover a.link { right:27%; }
.portfolio.dt-sc-one-column:hover a.zoom { left:42.5%; }
.portfolio.dt-sc-one-column:hover a.link { right:42.5%; }
.portfolio.dt-sc-one-column.with-sidebar:hover a.zoom { left:40%; }
.portfolio.dt-sc-one-column.with-sidebar:hover a.link { right:40%; }
.portfolio.dt-sc-one-fourth:hover a.zoom { left:23%; }
.portfolio.dt-sc-one-fourth:hover a.link { right:23%; }
.portfolio.dt-sc-one-half.with-sidebar:hover a.zoom { left:30%; }
.portfolio.dt-sc-one-half.with-sidebar:hover a.link { right:30%; }
.portfolio.dt-sc-one-third.with-sidebar:hover a.zoom { left:20%; }
.portfolio.dt-sc-one-third.with-sidebar:hover a.link { right:20%; }
/*----*****---- << Property >> ----*****----*/
.page-with-sidebar .dt-sc-one-half .property-item:hover a.zoom, .dt-sc-one-third .property-item:hover a.zoom { left:30%; }
.page-with-sidebar .dt-sc-one-half .property-item:hover a.link, .dt-sc-one-third .property-item:hover a.link { right:30%; }
page-with-sidebar .dt-sc-one-third .property-item:hover a { top:34%; }
.page-with-sidebar .dt-sc-one-third .property-item:hover a.zoom { left:20%; }
.page-with-sidebar .dt-sc-one-third .property-item:hover a.link { right:20%; }
.page-with-sidebar .dt-sc-one-fourth .property-item:hover a.zoom { left:11%; }
.page-with-sidebar .dt-sc-one-fourth .property-item:hover a.link { right:11%; }
/*----*****---- << Blog >> ----*****----*/
.one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
.dt-sc-one-column.blog-thumb .entry-details { width:72%; }
.dt-sc-one-column.with-sidebar.blog-thumb .entry-details { width:58%; }
.dt-sc-one-half.with-sidebar .entry-meta { font-size:11px; }
.dt-sc-one-half.with-sidebar { width:48.7% }
.dt-sc-one-half.with-sidebar .mejs-time-rail { width:37% !important; }
.dt-sc-one-half.with-sidebar .featured-post:before, .dt-sc-one-half.with-sidebar .sticky .featured-post:before { content:none; }
.dt-sc-one-half.with-sidebar .featured-post { left:0px; right:auto; top:45px; }
/*----*****---- << Team >> ----*****----*/
.team .image { height:194px; }
/*----*****---- << Testimonials >> ----*****----*/
.testimonial blockquote { width:85%; }
.testimonial-item blockquote { width:84%; }
.dt-sc-one-half .testimonial-item blockquote { width:68%; }
/*----*****---- << Shortcodes >> ----*****----*/
ul.tabs-vertical-frame { width:30%; }
.ls-layer .button-text2 a { font-size:18px; }
.dt-sc-one-half pre, .dt-sc-one-half code { width:95.6%; }
.dt-sc-tabs-vertical-frame-content { width:57%; }
/*----*****---- << Secondary >> ----*****----*/
#secondary .widget #searchform input[type="text"] { width:196px; padding:14px 2%; }
#secondary .widget #searchform input[type="submit"] { padding:13px; }
.price-range label, .price-range input[type="text"] { font-size:14px; }
.price-range .button.small { padding:10px 15px; }
.widget.widget_calendar th, .widget.widget_calendar td { padding:10px; }
/*----*****---- << Footer >> ----*****----*/
#footer .widget ul li { width:86%; }
#footer .widget.widget_calendar th, #footer .widget.widget_calendar td { padding:5px; font-size:12px; }
#footer input[type="text"], #footer input[type="email"], #footer input[type="password"], #footer input.text, #footer textarea { width:86%; }
#footer .widget.flickrbox .flickr-widget div { max-width:63px; }
}
/*----*****---- << Tablet (Portrait) >> ----*****----*/
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width:768px) and (max-width:959px) {
.container, .top-bar .top-container { width:710px; }
.boxed .wrapper, .boxed #header-wrapper { width:750px; }
.boxed #header .container { padding:0px 20px; }
#bbar-wrapper{ display: none; }
#bbar-wrapper .dt-sc-ads-carousel { width:61px; }
#bbar-wrapper .dt-sc-ads-carousel li { width:710px !important; }
.dt-sc-ads-carousel-wrapper ul.dt-sc-ads-carousel, #bbar-wrapper .dt-sc-ads-carousel li { height:48px !important; }
.top-bar { font-size:13px; }
#bbar-close { top:21%; }
/*----*****---- << Header >> ----*****----*/
#logo { width:27%; }
#logo img { max-width:100%; margin:0px; }
#logo h2 a { font-size:20px; }
.header3 #logo img, .header4 #logo img { margin:0px; }
#main-menu > ul > li { padding:41px 0px; }
#main-menu ul li a { padding:0px 11px; font-size:12px; text-transform:capitalize; }
#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a, #main-menu > ul > li.current-menu-ancestor > a { padding:40px 11px; }
.megamenu-child-container > ul.sub-menu > li { width:200px; }
.is-sticky #header #main-menu > ul > li { padding:24px 0px; }
.is-sticky #header #main-menu > ul > li:hover > a, .is-sticky #header #main-menu > ul > li.current_page_item > a, .is-sticky #header #main-menu > ul > li.current-menu-ancestor > a { padding:23px 11px; }
.header3 #main-menu > ul > li > a, .header4 #main-menu > ul > li > a, .header3 #main-menu > ul > li:hover > a, .header3 #main-menu > ul > li.current_page_item > a, .header4 #main-menu > ul > li:hover > a, .header4 #main-menu > ul > li.current_page_item > a, .is-sticky #header.header3 #main-menu > ul > li:hover > a, .is-sticky #header.header3 #main-menu > ul > li.current_page_item > a, .is-sticky #header.header4 #main-menu > ul > li:hover > a, .is-sticky #header.header4 #main-menu > ul > li.current_page_item > a, .header3 #main-menu > ul > li.current-menu-ancestor > a, .header4 #main-menu > ul > li.current-menu-ancestor > a, .is-sticky #header.header3 #main-menu > ul > li.current-menu-ancestor > a, .is-sticky #header.header4 #main-menu > ul > li.current-menu-ancestor > a { padding-left:12px; padding-right:12px; }
#main-menu > ul > li > ul > li > ul { left:auto; right:200px; }
.megamenu-4-columns-group .megamenu-child-container { width:920px; }
.megamenu-2-columns-group .megamenu-child-container { width:460px; }
/*----*****---- << Main >> ----*****----*/
#primary { width:500px; }
#primary.content-full-width { width:100%; }
#secondary { width:190px; }
#slider { margin:0 0 35px; min-height:400px; }
.property-search-container.type2 { top:17%; width:70%; }
.property-search-container.type1 {width: 581px; }
/*----*****---- << Home >> ----*****----*/
.dt-sc-intro-text.type1 h4 { font-size:15px; }
.dt-sc-intro-text.type1 h6 { font-size:13px; }
.dt-sc-ico-content.type2 { width:77.5%; }
.dt-sc-ico-content.type3 { width:58%; }
.dt-sc-intro-text.type2 a, .dt-sc-intro-text.type4 a, .dt-sc-intro-text.type3 a { padding:11px 12px; font-size:12px; }
/*----*****---- << Breadcrumb >> ----*****----*/
.breadcrumb span { margin-top:3px; }
.breadcrumb h1 { font-size:18px; }
.main-phone-no p { font-size:18px; }
.main-phone-no p a { font-size:14px; }
/*----*****---- << Property >> ----*****----*/
.dt-sc-one-half .property-item:hover a.zoom { left:33.5%; }
.dt-sc-one-half .property-item:hover a.link { right:33.5%; }
.page-with-sidebar .dt-sc-one-half .property-item:hover a.zoom { left:27%; }
.page-with-sidebar .dt-sc-one-half .property-item:hover a.link { right:27%; }
.dt-sc-one-third .property-item:hover a.zoom { left:25%; }
.dt-sc-one-third .property-item:hover a.link { right:25%; }
.page-with-sidebar .dt-sc-one-third .property-item a { top:32%; }
.page-with-sidebar .dt-sc-one-third .property-item:hover a.zoom { left:15%; }
.page-with-sidebar .dt-sc-one-third .property-item:hover a.link { right:15%; }
.dt-sc-one-third .property-item .property-details .property-content { text-align:center; }
.dt-sc-one-third .property-item .property-details .property-price, .dt-sc-one-third .property-item .property-details .dt-sc-button { float:none; }
.dt-sc-one-fourth .property-item:hover a.zoom { left:18%; }
.dt-sc-one-fourth .property-item:hover a.link { right:18%; }
.page-with-sidebar .dt-sc-one-fourth .property-item:hover a.zoom { left:3%; }
.page-with-sidebar .dt-sc-one-fourth .property-item:hover a.link { right:3%; }
.page-with-sidebar .dt-sc-one-fourth .property-item .image-overlay a.zoom, .page-with-sidebar .dt-sc-one-fourth .property-item .image-overlay a.link { top:22%; }
.page-with-sidebar .dt-sc-one-third .property-item .property-thumb-meta .property-type, .page-with-sidebar .dt-sc-one-third .property-item .property-contract-type, .dt-sc-one-fourth .property-item .property-thumb-meta .property-type, .dt-sc-one-fourth .property-item .property-contract-type { padding:10px; font-size:13px; text-transform:capitalize; }
.page-with-sidebar .dt-sc-one-fourth .property-item .property-contract-type { top:5px; }
.page-with-sidebar .dt-sc-one-fourth .property-item .property-thumb-meta .property-type { top:42px; }
.page-with-sidebar .dt-sc-one-fourth .property-item .property-thumb { overflow:hidden; }
.dt-sc-one-fourth .property-item .image-overlay a.zoom, .dt-sc-one-fourth .property-item .image-overlay a.link { top:31%; }
最佳答案
我不知道正确的方法，但你可以这样做
.top-bar{ margin-top:-70px;}
它会把它移到上面以获得更多帮助至少分享你的代码
关于html - 修改css文件中的顶部栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25949683/