Shopify模板:停止后台重复(ajax?)

时间:2018-02-04 21:11:28

标签: ajax shopify

我正在尝试停止在响应式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;
}
}
//

0 个答案:

没有答案