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 @@ ...@@ -57,16 +57,16 @@
font-size: 14px; font-size: 14px;
} }
.product-info-wrapper .page-title-wrapper span.base{ //.product-info-wrapper .page-title-wrapper span.base{
text-transform: none; // text-transform: none;
font-weight: 400; // font-weight: 400;
color: #292929; // color: #292929;
padding-bottom: 1px; // padding-bottom: 1px;
margin-bottom: 0; // margin-bottom: 0;
font-family: Outfit-Regular, sans-serif; // font-family: Outfit-Regular, sans-serif;
font-size: 20px; // font-size: 20px;
display: block !important; // display: block !important;
} //}
//.old-price > span .price-label{ //.old-price > span .price-label{
// display: none; // display: none;
...@@ -131,9 +131,9 @@ ...@@ -131,9 +131,9 @@
} }
#maincontent .page-title-wrapper .page-title .base{ //#maincontent .page-title-wrapper .page-title .base{
display: none; // display: none;
} //}
.filter-content .filter-options .filter-options-title { .filter-content .filter-options .filter-options-title {
font-size: 20px; font-size: 20px;
...@@ -219,17 +219,17 @@ footer a{ ...@@ -219,17 +219,17 @@ footer a{
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.product-info-wrapper .page-title-wrapper span.base{ //.product-info-wrapper .page-title-wrapper span.base{
text-transform: none; // text-transform: none;
font-weight: 400; // font-weight: 400;
color: #292929; // color: #292929;
padding-bottom: 1px; // padding-bottom: 1px;
margin-bottom: 0; // margin-bottom: 0;
font-family: Outfit-Regular, sans-serif; // font-family: Outfit-Regular, sans-serif;
font-size: 20px; // font-size: 20px;
display: block !important; // display: block !important;
margin-top: 1px !important; // margin-top: 1px !important;
} //}
.page-main > .columns{ .page-main > .columns{
...@@ -314,18 +314,18 @@ footer a{ ...@@ -314,18 +314,18 @@ footer a{
display: block; display: block;
} }
.product-info-wrapper .page-title-wrapper h1{ //.product-info-wrapper .page-title-wrapper h1{
text-overflow: ellipsis; // text-overflow: ellipsis;
white-space: nowrap; // white-space: nowrap;
overflow: hidden; // overflow: hidden;
cursor: pointer; // cursor: pointer;
width: 100%; // width: 100%;
display: inline-block; // display: inline-block;
color: #222222; // color: #222222;
margin-top: 15px; // margin-top: 15px;
font-family: Outfit-Regular; // font-family: Outfit-Regular;
font-size: 16px; // font-size: 16px;
} //}
.box-tocart .fieldset .actions { .box-tocart .fieldset .actions {
position: fixed; position: fixed;
...@@ -341,16 +341,16 @@ footer a{ ...@@ -341,16 +341,16 @@ footer a{
padding-top: 10px; padding-top: 10px;
} }
#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{ //#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
text-overflow: ellipsis; // text-overflow: ellipsis;
white-space: nowrap; // white-space: nowrap;
overflow: hidden; // overflow: hidden;
cursor: pointer; // cursor: pointer;
width: 100%; // width: 100%;
display: inline-block; // display: inline-block;
color: #222222; // color: #222222;
margin-top: 5px; // margin-top: 5px;
} //}
...@@ -410,18 +410,18 @@ ul { ...@@ -410,18 +410,18 @@ ul {
display: block; display: block;
} }
.product-info-wrapper .page-title-wrapper h1{ //.product-info-wrapper .page-title-wrapper h1{
text-overflow: ellipsis; // text-overflow: ellipsis;
white-space: nowrap; // white-space: nowrap;
overflow: hidden; // overflow: hidden;
cursor: pointer; // cursor: pointer;
width: 100%; // width: 100%;
display: inline-block; // display: inline-block;
color: #222222; // color: #222222;
margin-top: 15px; // margin-top: 15px;
font-family: Outfit-Regular; // font-family: Outfit-Regular;
font-size: 16px; // font-size: 16px;
} //}
.box-tocart .fieldset .actions { .box-tocart .fieldset .actions {
position: fixed; position: fixed;
...@@ -437,16 +437,16 @@ ul { ...@@ -437,16 +437,16 @@ ul {
padding-top: 10px; padding-top: 10px;
} }
#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{ //#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
text-overflow: ellipsis; // text-overflow: ellipsis;
white-space: nowrap; // white-space: nowrap;
overflow: hidden; // overflow: hidden;
cursor: pointer; // cursor: pointer;
width: 100%; // width: 100%;
display: inline-block; // display: inline-block;
color: #222222; // color: #222222;
margin-top: 5px; // margin-top: 5px;
} //}
} }
.price-final_price .price{ .price-final_price .price{
...@@ -465,4 +465,39 @@ ul { ...@@ -465,4 +465,39 @@ ul {
text-decoration: line-through; text-decoration: line-through;
font-weight: 400; font-weight: 400;
margin-left: 5px; 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