Return to previous page

Problem on Shop Page Category on the toolbar

This topic has 7 replies, 2 voices, and was last updated 3 years, 3 months ago ago by Rose Tyler

tomerb22

Participant

August 11, 2021 at 07:39

Hi,

we have problem on the toolbar on shop page category its show the css code on the page

.category-description+.filter-wrap,.term-description+.filter-wrap{margin-top:0}.filter-wrap{position:relative;margin-bottom:12px}.filter-wrap select{height:30px;line-height:28px}.filter-wrap .filter-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.filter-wrap .filter-content>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-wrap .filter-content>:last-child{margin-left:auto}.filter-wrap .filter-content>form:last-child{margin-left:0;margin-right:auto}.filter-wrap .products-per-page form{display:inline-block;margin-left:15px}.woocommerce-ordering select{width:170px}.view-switcher{margin-left:20px;line-height:1;border-radius:5px;-webkit-transition:all .3s linear;transition:all .3s linear}.view-switcher:hover{background:var(–et_dark-2-white-002)}.view-switcher>[class*=switch]{position:relative;padding:6px;border-radius:5px;margin-left:5px;margin-right:5px}.view-switcher>[class*=switch]~div:before{content:”;top:5px;bottom:5px;border-left:1px solid var(–et_border-color);left:-5px;position:absolute}.view-switcher label{display:none}.view-switcher .switch-grid>a,.view-switcher .switch-list>a,.view-switcher .switch-more>a{color:var(–et_main-color);cursor:pointer;text-align:center;font-size:0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.view-switcher .switch-grid>a:before,.view-switcher .switch-list>a:before,.view-switcher .switch-more>a:before{font-family:xstore-icons;content:’\e92f’;display:inline-block;font-size:1.2rem}.view-switcher .switch-grid:not(.switcher-active):hover>a,.view-switcher .switch-list:not(.switcher-active):hover>a,.view-switcher .switch-more:not(.switcher-active):hover>a{color:var(–et_dark-2-white);opacity:.7}.view-switcher .switch-grid a[data-row-count=”2″]:before{content:’\e909′}.view-switcher .switch-grid a:not([data-row-count]):before,.view-switcher .switch-grid a[data-row-count=”3″]:before{content:’\e92e’}.view-switcher .switch-grid a[data-row-count=”4″]:before{content:’\e913′}.view-switcher .switch-more>a[data-type=more]:before{content:’\e905′;font-size:.9rem}.view-switcher .switch-more ul{position:absolute;padding:10px 0;top:100%;list-style:none;-webkit-animation:et-dropdown .3s ease-in-out;animation:et-dropdown .3s ease-in-out;border:1px solid var(–et_border-color);width:180px;right:calc(50% – 90px);z-index:99;background:var(–et_white-2-dark);margin:0;border-radius:3px}.view-switcher .switch-more ul li{margin:0}.view-switcher .switch-more ul li a{display:inline-block;padding:.6em 1.9em;line-height:1}.view-switcher .switch-more ul li:not(.switcher-active)>a{color:var(–et_main-color)}.view-switcher .switch-more ul li:not(.switcher-active)>a:hover{color:var(–et_dark-2-white);opacity:.7}.view-switcher .switch-more:not(:hover) ul{display:none}.view-switcher .switcher-active>a{color:var(–et_active-color)}.open-filters-btn{position:relative;display:inline-block;margin-right:20px}.open-filters-btn a{padding-left:23px}.open-filters-btn a i{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.open-filters-btn a.active i{-webkit-transform:translateY(-50%) rotateX(180deg);transform:translateY(-50%) rotateX(180deg)}.open-filters-btn a.active,.open-filters-btn a:hover{color:var(–et_dark-2-white)}.filter-wrap .products-per-page span,.open-filters-btn a{color:var(–et_font-color)}.shop-filters{display:none;overflow:hidden;margin:20px 0 0}.shop-filters.filters-opened{display:block}.shop-filters.widget-columns-2 .sidebar-widget{width:50%}.shop-filters.widget-columns-3 .sidebar-widget{width:33.33%}.shop-filters.widget-columns-4 .sidebar-widget{width:25%}.shop-filters.widget-columns-5 .sidebar-widget{width:20%}.shop-filters.widget-columns-2 .sidebar-widget:nth-child(2n+1),.shop-filters.widget-columns-3 .sidebar-widget:nth-child(3n+1),.shop-filters.widget-columns-4 .sidebar-widget:nth-child(4n+1),.shop-filters.widget-columns-5 .sidebar-widget:nth-child(5n+1){clear:both}.shop-filters-area{margin-left:-15px;margin-right:-15px}.shop-filters-area .sidebar-widget{position:relative;width:100%;padding:0 15px;float:left;margin-bottom:25px;height:auto}.shop-filters-area .sidebar-widget .select2{z-index:auto}.shop-filters-area .product-categories>li>a{padding:9px 0 8px 0}.shop-filters-area .product_list_widget li{margin-right:10px}.shop-filters-area ul{padding-left:0;padding-right:0!important}@media only screen and (max-width:1200px){.view-switcher{margin-left:15px}}@media only screen and (max-width:992px){.shop-filters-area .sidebar-widget{width:50%!important}.shop-filters-area .sidebar-widget:nth-child(2n+1){clear:both}}@media only screen and (max-width:480px){.shop-filters-area .sidebar-widget{width:100%!important}.filter-wrap .filter-content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filter-wrap .view-switcher{display:none!important}}

Please, contact administrator
for this information.

#298474 Copied Theme version: 8.0.3 WooCommerce version: 5.5.2

6 Answers

Rose Tyler

Support staff

August 11, 2021 at 07:52

Hello,

Have you included an additional css file? Or check 3rd party plugins from which data-wpacu-inline-css-file may come.

Regards

#298478 Copied

tomerb22

Participant

August 11, 2021 at 07:56

No, its not from the theme?

#298479 Copied

tomerb22

Participant

August 11, 2021 at 08:11

if i change the “Products View Mode” to only grid its removed the css code but still have problem the lines not aligned

#298483 Copied

Rose Tyler

Support staff

August 11, 2021 at 08:34

Have you edited woocommerce/archive-product.php file via child theme?

Regards

#298485 Copied

tomerb22

Participant

August 11, 2021 at 08:38

Yes

#298487 Copied

Rose Tyler

Support staff

August 11, 2021 at 12:13

Re-name the file via FTP and check. If all is fine, you need to compare the new and your file and make appropriate changes in your code.
Please note that we are not responsible for your custom changes.

Regards

#298517 Copied
Viewing 7 results - 1 through 7 (of 7 total)