Hỏi cách đổi vị trí bộ lọc sản phẩm và kích thước bộ lọc giá

[ufovwp]

Xin chào,

Mình xin hỏi 2 câu hỏi, các bạn giúp mình nhé:

1. Như hình số 1 thì bộ lọc sản phẩm theo mặc định sẽ nằm bên trái, mình muốn nó nằm qua bên phải thì làm cách nào?
2. Có cách nào thu nhỏ chiều dài của thanh kéo  xuống còn khoảng 80% so với hiện tại không, hiện tại nó hơi dài và gần hình sản phẩm quá.

[Harry]

Chào bạn,

1. Bạn có thể fix bằng cách thêm đoạn css sau vào Claue > Theme Option > General Layout > Custom CSS

.result-count-order .flex {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}

2. Bạn thêm đoạn custom css sau

.widget_price_filter .ui-slider-horizontal {
width: calc(100% – 30px);
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ufovwp]

Cám ơn bạn đã sớm hồi âm,

Đoạn mã 1 hoạt động rất tốt nhưng đoạn mã 2 lại không hoạt động, bạn có thể xem lại giúp mình không, xin cám ơn.

[Harry]

Bạn sửa lại code giúp mình nhé

.widget_price_filter .ui-slider-horizontal {
width: calc(100% – 50px);
}

nhớ là trước và sau dấu trừ phải có khoảng cách nó mới chạy, bạn viết liền nó sẽ ko chạy.

Chúc bạn một ngày vui vẻ

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ufovwp]

Chào bạn,

Mình đã rất cẩn thận copy đoạn code vào và kiểm tra lại khoảng cách trước và sau dấu  trừ thì đã có khoảng cách nhưng vẫn không hoạt động. Mình cũng không bị do đâu nữa.

[Harry]

Chào bạn,

Mình đã fix giúp bạn, lỗi này do dấu “-” copy từ trên này về code nó bị biến đổi thành dạng khác nên nó ko nhận code.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ufovwp]

Mình thấy được rồi, cám ơn bạn đã hỗ trợ nhiệt tình nhé.

[Author]

Posts