我正在尝试停止在响应式shopify模板中重复的背景图片,我习惯于尽可能地修改基本代码,但这远远超出了我的技能范围。我希望有人可以帮助我希望这将是一个非常简单的修复..分享代码的两个部分似乎参考图像重复的区域... repeating image
此..
//== Breadcrumbs
//
//##
$breadcrumb-padding-vertical: 50px;
$breadcrumb-padding-horizontal: 0px;
//** Breadcrumb background color
$breadcrumb-bg: $nocolor;
//** Breadcrumb text color
$breadcrumb-color: $white;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color: $white;
//** Textual separator for between breadcrumb elements
$breadcrumb-separator: "/";
这就是..
//
// Breadcrumbs
// --------------------------------------------------
#breadcrumbs{
background-color:$breadcrumb-bg;
padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
}
.breadcrumb {
text-align:center;
font-family: $font-family-tertiary;
//margin-bottom: $line-height-computed;
list-style: none;
background-color: $breadcrumb-bg;
text-transform:uppercase;
border-radius: $border-radius-base;
display:none;
> li {
display: inline-block;
a,span{
font-size: $theme-font-size;
font-weight: 400;
color: $breadcrumb-color;
}
a{
&:hover{
span{
color:$theme-color-secondary;
}
}
}
+ li:before {
content: "#{$breadcrumb-separator}"; // Unicode space added since inline-
block means non-collapsing white-space
font-size: $theme-font-size;
padding: 0 5px;
color: $breadcrumb-color;
}
}
> .active {
span{
color: $breadcrumb-active-color;
}
color: $breadcrumb-active-color;
}
}
//