Chỉnh sửa Tab trong Flatsome

  1. CSS
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
background: white;
}
input.is-form.expand{
background-color: black;
  color: white;
}
.tabbed-content .nav-tabs>li {
     margin: 0;
}
/*hệ thống*/
.hethong .nav-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: right;
    border-bottom: 1px solid #446084;
margin: 0;
}
.hethong-title {
    position: absolute;
}
.hethong ul li a {
padding:0 10px;
color: #fff;
margin: 0;
}
.hethong ul li.tab.has-icon {
    color: #fff;
    background: #F1F1F1;
    cursor: pointer;
   margin: 0;
    min-width: max-content;
    line-height: 1.8em;
}
.hethong ul li.tab.active.has-icon {
    background: red !important;margin: 0;
}
.hethong ul li.tab.active.has-icon a {margin: 0;
    color: #fff !important;
}
ul.nav.nav-simple.nav-uppercase.nav-size-xlarge.nav-left{
border-bottom: 1px solid #d00306;
}
/*css sidebar*/
.widget {
    border-block-color: red;
    border: black;
    background: beige;
}
span.widget-title.shop-sidebar {
  color: white;
  text-transform: uppercase;
display: block;
    margin-left: auto;
    margin-right: auto;
padding-top: 20px;
    text-align: center;
}
#shop-sidebar aside#woocommerce_product_categories-16, #flatsome_recent_posts-4 {
    background: #8cc63f;
    border-radius: 10px 10px 0 0;
}
.product-categories{
background:white;
}
.widget_product_categories>ul>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
}
.product-categories {
    background: white;
    /* border-top-style: dotted; */
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: #c7cbc6;
    border-width: 0.06em;
}
.is-divider.small {
    margin-top: 0.66em;
    visibility: hidden;
}
.widget.woocommerce.widget_price_filter{
padding-left: 0.3em;
    padding-right: 0.3em;
}
ul.product_list_widget
{
padding-left: 0.3em;
    padding-right: 0.3em;
}
  1. UX

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *