Question

这与网站www.gaelglobal.org

有关

请在编辑主题/ CSS时需要一些帮助

具体来说，我正在尝试从主题http://satimed.com/files/resized/89767/500;500;6615ca2cc8c1c75f3a609aa30fbc514f5bb87114.png

中删除此背景图片

我试图检查元素以找到CSS（assets / css / style.css）的编辑部分中的位置，但我找不到它。

@import url(http://fonts.googleapis.com/css?family=Signika|Rochester|Monda);

body {font: normal 14px 'Monda'; color: #666; background: #fff; margin: 0; padding: 0; line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {color: #333;}
h1, h2, h3 {font: bold 25px 'Signika'; margin: 10px 0 10px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #00adef;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #00adef;text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #1B5455;text-decoration: none;}

a, a:visited {color: #00adef;text-decoration: underline;}
a:hover {color: #1B5455;text-decoration: none;}
a img {border: none;}
ul, ol {padding-left: 25px;}

#header_wrapper {padding: 20px 0 40px 0; background: url(/assets/images/wavegrid.png) top left repeat;}

#header_background {background: #17ace4;box-shadow: inset 1px 4px 9px -6px #0E2D2E, inset 1px -4px 9px -6px #0E2D2E; }
#header_text {zoom: 1; overflow: hidden; padding: 40px 0; text-align: center;}
#header_text h1#site_heading {font: normal 90px 'Rochester';color: #fff; margin-bottom: 0px;}
#header_text h1#site_heading a {color: #fff;}
#header_text h2#site_subheading {font: normal 30px 'Signika';color: #eee; margin-top: 0px;}

#primary_navigation {font: normal 20px 'Monda'; width: 100%; zoom: 1; overflow: hidden;}
#primary_navigation ul {list-style-type: none; padding: 0; margin: 0; text-align: center; }
#primary_navigation ul li {display: inline-block; margin-right: 10px;}
#primary_navigation ul li a {display: inline-block; text-decoration: none; color: #333; padding: 15px 10px;}
#primary_navigation ul li a:hover, #primary_navigation ul li.active a {color: #00adef;}
#primary_navigation ul li.last {margin-right: 0px;}


#top_wrapper {padding-bottom: 10px;}
.location {padding: 10px;}
#right .location {background: #E0E0E0; margin-left: 17px;-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.2);-moz-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.2);box-shadow:2px 2px 3px rgba(50, 50, 50, 0.2);}
#right {background: url(/assets/images/shadow.png) top left no-repeat; position: relative;top: -20px; left: 0px;}
.splash #right .location {background: #eee; margin-left: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none;}
.splash #right {background: none; position: relative;top: -0px; left: 0px;}

.navigation_component ul {list-style-type: none; font-size: 15px; padding: 0; margin: 0;}
.navigation_component ul a {text-decoration: none;}
.navigation_component ul li {padding: 5px 0; margin: 0;}
.navigation_component ul ul {padding-left: 25px; list-style-type:circle;}

.blog_component ul li a, .blog_archive_component ul li a {text-decoration: none;}
.blog_component ul, .blog_archive_component ul {list-style-type: none; padding-left: 0;}
.blog_component .blog_post ul {list-style-type: disc; padding-left: 30px;}

.metadata {font-size: 11px; border-top: 2px solid #ccc;}

.comment.owner {border: none; background: #eee;}
.comment {border-bottom: 2px solid #ccc;}

.component input {min-height: 20px}
.component input, .component textarea {border: none; background: #fff; border: 1px solid #ccc; color: #666;}
input.form_field_submit_button, .submit_wrapper input {padding: 5px 10px; background: #00adef; color: #fff;}
input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #1B5455; color: #fff;}

#footer_wrapper {background: #00adef; padding: 20px 10px; text-align: center; box-shadow: inset 1px 4px 9px -6px #0E2D2E; color: #fff;}
#footer_wrapper a, #footer_wrapper a:visited, #footer_wrapper a:hover {color: #fff;}
#footer_wrapper #powered_by {padding: 10px 0 20px 0;}






@media screen and (max-width: 650px) {
  #header_background {margin-top: 15px;}
  #header_text {padding: 15px 0;}
  #header_text h1#site_heading {font-size: 40px;}
  #header_text h2#site_subheading {font-size: 30px;}
  #header_text h1#site_heading, #header_text h2#site_subheading {margin: 0px;}
}

@media screen and (max-width: 768px) {
  #right .location {background: #eee; margin-left: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none;}
  #right {background: none; position: relative;top: -0px; left: 0px;}
  #header_wrapper {padding-bottom: 10px;}
  #primary_navigation {font-size: 15px;}
  #primary_navigation ul li { margin-right: 5px;}
  #primary_navigation ul li a {padding: 5px;}
}

@media screen and (max-width: 960px) {
  #primary_navigation {font-size: 18px;}
  h1, h2, h3 {font-size: 20px;}
}

Answer 1

参考背景图像的唯一行是：

#header_wrapper {padding: 20px 0 40px 0; background: url(/assets/images/wavegrid.png) top left repeat;}

和

#right {background: url(/assets/images/shadow.png) top left no-repeat; position: relative;top: -20px; left: 0px;}

一次一个地评论它们，看看这是否解决了这个难题！

Answer 2

index.html文件的第90行。注释掉它，而不是删除它。

Answer 3

图片位于html文件中的body标记内。删除包含此图片的img标记，然后将其删除。

<强>更新您应该从索引页上的此样式代码中删除最后三行 - 具有background属性的行 -

<style type="text/css">
.imagePositionBox {
width:100;
height:100;
font:20pt/36pt;
background-image:url("http://satimed.com/files/resized/89767/500;500;6615ca2cc8c1c75f3a609aa30fbc514f5bb87114.png");
background-repeat:no-repeat;
background-position: 0% 25%;
}
</style>

CSS背景图像删除组件

3 个答案: