Skip to content

J
joshine
Commit b2edc29d by 王东红
Options

fix

parent 4f5ee4b3
Showing with 104 additions and 70 deletions
app/design/frontend/Joshine/breeze/web/css/_custom.less
......@@ -57,16 +57,16 @@
font-size: 14px;
}
.product-info-wrapper .page-title-wrapper span.base{
text-transform: none;
font-weight: 400;
color: #292929;
padding-bottom: 1px;
margin-bottom: 0;
font-family: Outfit-Regular, sans-serif;
font-size: 20px;
display: block !important;
}
//.product-info-wrapper .page-title-wrapper span.base{
// text-transform: none;
// font-weight: 400;
// color: #292929;
// padding-bottom: 1px;
// margin-bottom: 0;
// font-family: Outfit-Regular, sans-serif;
// font-size: 20px;
// display: block !important;
//}
//.old-price > span .price-label{
// display: none;
......@@ -131,9 +131,9 @@
}
#maincontent .page-title-wrapper .page-title .base{
display: none;
}
//#maincontent .page-title-wrapper .page-title .base{
// display: none;
//}
.filter-content .filter-options .filter-options-title {
font-size: 20px;
......@@ -219,17 +219,17 @@ footer a{
margin-top: 10px;
margin-bottom: 20px;
}
.product-info-wrapper .page-title-wrapper span.base{
text-transform: none;
font-weight: 400;
color: #292929;
padding-bottom: 1px;
margin-bottom: 0;
font-family: Outfit-Regular, sans-serif;
font-size: 20px;
display: block !important;
margin-top: 1px !important;
}
//.product-info-wrapper .page-title-wrapper span.base{
// text-transform: none;
// font-weight: 400;
// color: #292929;
// padding-bottom: 1px;
// margin-bottom: 0;
// font-family: Outfit-Regular, sans-serif;
// font-size: 20px;
// display: block !important;
// margin-top: 1px !important;
//}
.page-main > .columns{
......@@ -314,18 +314,18 @@ footer a{
display: block;
}
.product-info-wrapper .page-title-wrapper h1{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 100%;
display: inline-block;
color: #222222;
margin-top: 15px;
font-family: Outfit-Regular;
font-size: 16px;
}
//.product-info-wrapper .page-title-wrapper h1{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 15px;
// font-family: Outfit-Regular;
// font-size: 16px;
//}
.box-tocart .fieldset .actions {
position: fixed;
......@@ -341,16 +341,16 @@ footer a{
padding-top: 10px;
}
#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 100%;
display: inline-block;
color: #222222;
margin-top: 5px;
}
//#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 5px;
//}
......@@ -410,18 +410,18 @@ ul {
display: block;
}
.product-info-wrapper .page-title-wrapper h1{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 100%;
display: inline-block;
color: #222222;
margin-top: 15px;
font-family: Outfit-Regular;
font-size: 16px;
}
//.product-info-wrapper .page-title-wrapper h1{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 15px;
// font-family: Outfit-Regular;
// font-size: 16px;
//}
.box-tocart .fieldset .actions {
position: fixed;
......@@ -437,16 +437,16 @@ ul {
padding-top: 10px;
}
#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 100%;
display: inline-block;
color: #222222;
margin-top: 5px;
}
//#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 5px;
//}
}
.price-final_price .price{
......@@ -465,4 +465,39 @@ ul {
text-decoration: line-through;
font-weight: 400;
margin-left: 5px;
}
\ No newline at end of file
}
.product-info-wrapper .price-final_price .price{
font-size: 24px;
}
.product-info-wrapper{
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-template-areas:
"media"
"title"
"main";
gap: 1rem;
}
@media (min-width: 768px){
.product-info-wrapper {
row-gap: 0;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"media title"
"media main";
}
}
.product-info-wrapper .page-title span.base{
text-transform: none;
font-size: 20px;
font-weight: 400;
color: #292929;
padding-bottom: 1px;
margin-bottom: 0;
display: inline-block;
letter-spacing: -1.5px;
line-height: 1;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment