Hello I have site in ecommerce platform and I have control panel but have limited control, but there is available custom css code to add or modify in it, the code is below, but i’m beginner using css and i want to modify some classes:-
1- Modify logo position to center of header.
2-add new class under slider to show text and image.
3-modify size of brands in bottom body, there 3 brand show in Home I want to show 4 brands and minimize the size.
/* you can use css vars
–primary-color
–btn-default-text-color
–btn-default-border-color
–btn-default-background-color
*/
/* header classes */
.z-header {
padding: 30px;
text-align: center;
background: white;
color: black;
font-size: 16px;
}
.z-header .store-logo {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.z-header .store-name {
}
.z-header .search-bar {
display: none ;
}
.z-header .search-bar input {
}
.z-header .search-bar .search-icon {
}
.z-header .back-arrow {
}
.z-header .customer-name {
}
.z-header .customer-login {
}
.z-header .store-language {
}
.z-header .store-country-flag {
}
.z-header .nav-menu-icon {
}
#z-header-shopping-cart {
}
.z-header .shopping-cart-preview {
}
.z-header .shopping-cart-preview .shopping-cart {
}
.z-header .shopping-cart-preview .shopping-cart-header,
.z-header .shopping-cart-preview .shopping-cart .item{
}
/* header menu classes */
.z-header-main-menu {
background-color: white;
}
.z-header-main-menu .item-home-page {
}
.z-header-main-menu .item-all-products {
}
.z-header-main-menu .item-all-categories {
display: none !important;
}
.z-header-main-menu .col-shipping-and-payment{
display: none;
}
.z-header-main-menu ul ul {
}
.z-header-main-menu ul li {
}
.z-header-main-menu ul li:hover {
}
.z-header-main-menu #primary_nav_wrap>ul>li {
}
.z-header-main-menu #primary_nav_wrap>ul>li:hover {
}
.z-header-main-menu .fix-border-top {
}
/* nav menu classes */
.z-nav-menu, .z-nav-menu ul {
}
.z-nav-menu ul li {
}
/*footer classes */
.z-footer {
background-color: white;
}
.z-footer .section-about-us {
}
.z-footer .section-mobile-apps {
}
.z-footer .section-links {
}
.z-footer .section-logos {
display: none ;
}
.z-footer .section-social-networks {
}
.z-footer #footer-download-app-ios-app-store {
}
.z-footer #footer-download-app-android-play-store {
}
.z-footer #footer-download-app-ios-app-store img{
}
.z-footer #footer-download-app-android-play-store img{
}
.z-footer .scroll-to-top-btn {
}
/*page content */
.z-page-container {
}
.modal-content {
}
.dropdown-menu {
}
/* home page */
.z-home-view .sections-title {
}
.z-home-view .section-slider {
}
.z-home-view .section-slider .slide-image {
}
.z-home-view .section-slider .slide-video {
}
.z-home-view .section-store-description {
}
.z-home-view .section-promo-image {
}
.z-home-view .section-brands {
}
.z-home-view .section-recent-products {
}
.z-home-view .section-featured-products {
}
.z-home-view .section-testimonials {
}
.slick-dots li.slick-active button:before {
}
.slick-dots li button::before {
}
/*product list */
.z-products-list-view {
}
.z-products-list-view .section-results-count {
}
.z-products-list-view .section-filter-sort {
}
.z-products-list-view .section-filter-sort .dropdown{
}
.z-products-list-view .form-products-filter {
}
.z-product-card {
}
/* categories list */
.z-categories-list-view {
}
.z-categories-list-view .z-categories-list-view-title {
}
.z-categories-list-view .item-category {
}
.z-categories-list-view .item-category .item-category-details {
}
/*pagination */
.pagination > li > a,
.pagination > li > span {
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
}
/* product view */
.z-product-view .main-img-container {
}
.z-product-view .main-img-container {
}
.z-product-view .image-thumbs {
}
.z-product-view .product-title {
}
.z-product-view .product-title {
}
.z-product-view .product-price {
}
.z-product-view .product-sku {
}
.z-product-view .add-to-cart {
}
.z-product-view .product-share {
}
.z-product-view .nav-tabs-desc {
}
.z-product-view #description-tab {
}
.z-product-view #options-tab {
}
/* page shipping and payment view */
.z-page-shipping-and-payment-view {
}
.z-page-shipping-and-payment-view .section-shipping-title {
}
.z-page-shipping-and-payment-view .section-shipping-table {
}
.z-page-shipping-and-payment-view .section-shipping-table td {
}
.z-page-shipping-and-payment-view .section-payment-methods-title {
}
.z-page-shipping-and-payment-view .section-payment-methods-row {
}
.z-page-shipping-and-payment-view .section-banks-title {
}
.z-page-shipping-and-payment-view .section-banks-row {
}
.z-page-shipping-and-payment-view .bank-table {
}
.z-page-shipping-and-payment-view .bank-table td {
}
/* page faqs */
.z-faqs-view {
}
/* customer account */
.z-customer-account-view {
}
.z-customer-account-view #profile{
}
.z-customer-account-view #addresses{
}
.z-customer-account-view #orders{
}
/* cart-view */
.z-cart-view {
}
.z-cart-view .section-products-coupons {
}
.z-cart-view .section-coupons {
}
.z-cart-view .section-cart-totals {
}
/* auth /
/ login */
.z-auth-login-view {
}
.z-auth-registration-view {
}
.z-auth-mobile-code-verification-view {
}
.z-auth-email-code-verification-view {
}
.z-auth-update-email-view {
}
/*checkout */
.z-checkout-steps-views {
}
.z-checkout-steps-views .page-title{
}
.z-checkout-steps-views .choose-address-view {
}
.z-checkout-steps-views .choose-shipping-view {
}
.z-checkout-steps-views .choose-payment-view {
}
/* review order view */
.z-review-order-view{
}
.z-review-order-view.order-customer-notes {
}
.z-review-order-view.section-order-totals {
}
/* order details */
.z-order-details-view {
}
.z-order-details-view .section-order-methods-info {
}
.z-order-details-view .section-order-products {
}
/* order invoice */
.z-order-invoice-view {
}
.z-order-invoice-view .page-title {
}
.z-order-invoice-view .section-order-invoice-products {
}
.z-order-invoice-view .section-order-invoice-methods {
}
.z-order-invoice-view .section-order-invoice-totals {
}
.z-order-invoice-view .order-items .product-item {
}
/* common */
.z-page-container .bg-gray {
}
.z-page-container .text-gray {
}
.z-page-container .page-title {
}
@media only screen and (max-width: 375px) {
.z-header .store-logo {
}
}