Andrei | fix поправил футер на странице каталога (удалил лишние стили + перенес необходимые стили из fron-page.css в модуль)

pull/34/head
Andrei 2 months ago
parent a4f88d789c
commit fb9a459246
  1. 34
      wp-content/themes/cosmopet/modules/footer/assets/css/gp-style-tablet.css
  2. 0
      wp-content/themes/cosmopet/modules/forms/assets/css/forms.css
  3. 5
      wp-content/themes/cosmopet/static/css/forms.css
  4. 27
      wp-content/themes/cosmopet/static/css/front-page.css
  5. 5
      wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-core.css
  6. 101
      wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-desktop.css

@ -1,4 +1,34 @@
/* Стили для планшетов */ /* Стили для планшетов */
@media only screen and (max-width: 992px) { @media (min-width: 769px) and (max-width: 1200px) {
.footer__wrapper {
width: 100%!important;
display: flex;
flex-direction: column;
} }
.footer-bottom {
flex-direction: column;
}
.footer-content__wrap {
flex-direction: column;
}
.footer-content__wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
width: 100%;
}
}
@media(max-width:768px){
.footer-top {
flex-direction: column;
}
.footer-bottom {
flex-direction: column;
}
.footer-content__wrap {
flex-direction: column;
}
}

@ -438,3 +438,8 @@
.discount_block{ .discount_block{
padding-bottom: 80px; padding-bottom: 80px;
} }
.form-textarea{
font-family: inherit;
}

@ -3520,24 +3520,6 @@ color: #f4f1f0;
.reviews_item .swiper-fade .swiper-slide { .reviews_item .swiper-fade .swiper-slide {
width:100%!important; width:100%!important;
} }
.footer__wrapper {
width: 100%!important;
display: flex;
flex-direction: column;
}
.footer-bottom {
flex-direction: column;
}
.footer-content__wrap {
flex-direction: column;
}
.footer-content__wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
width: 100%;
}
.reviews_item.reviews_item2 { .reviews_item.reviews_item2 {
position: absolute; position: absolute;
max-width: 500px; max-width: 500px;
@ -3553,15 +3535,6 @@ color: #f4f1f0;
} }
@media(max-width:768px){ @media(max-width:768px){
.footer-top {
flex-direction: column;
}
.footer-bottom {
flex-direction: column;
}
.footer-content__wrap {
flex-direction: column;
}
.home__title.invisible { .home__title.invisible {
font-size:28px; font-size:28px;
} }

@ -1262,3 +1262,8 @@ button{
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
} }
.wpfFilterWrapper ul:not(.wpfButtonsFilter) li{
min-width: 50%;
}

@ -704,107 +704,6 @@ main{
} */ } */
/* modal */ /* modal */
/* footer */
.footer{
margin-top: 80px;
padding: 40px 24px;
background: var(--background-black);
}
.footer__wrapper{
width: 100%;
display: flex;
}
.footer__content{
width: calc(100% - 364px);
}
.footer__logo{
width: 187px;
height: 43px;
}
.footer__address{
margin-top: 24px;
font-family: var(--font-family);
font-weight: 500;
font-size: 24px;
line-height: 133%;
color: var(--text-white);
font-style: normal;
}
.footer__list{
margin: 28px -12px -12px -12px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-list__item{
margin: 12px;
width: calc(50% - 24px);
display: flex;
flex-direction: column;
}
.footer-list__item:nth-child(even){
width: 322px;
}
.footer-list__item .button{
border-radius: 24px;
}
.footer-list__title{
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: var(--text-white);
}
.footer-list__link{
margin-top: 4px;
font-family: var(--font-family);
font-weight: 500;
font-size: 24px;
line-height: 133%;
color: var(--text-white);
text-decoration: none;
}
.footer__form{
margin-left: 48px;
width: 364px;
}
.footer__about{
margin-top: 16px;
padding-top: 15px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--text-white);
}
.footer-about__text{
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 120%;
text-align: right;
color: var(--text-white);
opacity: 0.6;
text-decoration: none;
}
.footer__social-media{
display: none;
}
/* footer */
/* detail */ /* detail */
.detail{ .detail{
margin: 48px 24px 24px 24px; margin: 48px 24px 24px 24px;

Loading…
Cancel
Save