Return to previous page

Filter By Price Button - by Su Flo - on WordPress WooCommerce support

This topic has 10 replies, 4 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

Su Flo

Participant

October 26, 2017 at 20:12

Dear Xstore,

Question in the Private Content. Hope you can help please.

Please, contact administrator
for this information.

#176193 Copied

9 Answers
Rose Tyler

Support staff

October 27, 2017 at 07:54
Hello,

Please try this code:
```
.price_slider_wrapper .price_slider_amount {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.price_slider_wrapper .button {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	   -moz-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	margin-left: auto;
}
```
Regards
#176209 Copied
Su Flo

Participant

October 27, 2017 at 17:27

Hi Rose,

Many thanks. Much Appreciated.

Is there any way we can move the filter button to be on the left under the filter line and for it to be a few millimetres lower so it is positioned better?

Also, is it possible to have our site colour as the background colour? #190510

Also, on our homepage top-right social media links, how can we set these so they open up in a new page?

screenshots in the PC.

Best Regards, Su.

Please, contact administrator
for this information.

#176272 Copied

Olga Barlow

Support staff

October 28, 2017 at 10:18

Hello,

1) http://prntscr.com/h31xhk
2) Go to Appearance > Widgets > choose link target > blank for your social icons http://prntscr.com/h31xq7

Regards

#176290 Copied

Su Flo

Participant

October 29, 2017 at 18:04

Hi Olga,

Thank you.

How can we change the filter button margin? where can we do this please?

Hope you can help.

Kind Regards, Su.

#176313 Copied

Amzy Leel

Participant

October 30, 2017 at 06:04

if you mean this http://prntscr.com/h3qk8a you can use this code to adjust it :
.filter-wrap .woocommerce-ordering, .filter-wrap .pagination-cubic { marging-bottom: 0; }
and change the value as you want

if you mean this http://prntscr.com/h3ql0d you can use this code to adjust it :
.filter-wrap { padding: 0; }
and change the value as you want

#176323 Copied

Su Flo

Participant

October 30, 2017 at 10:11

Hi Amzy,

thanks for coming back.

The one we are referring to is the filter button screenshot in the private content

Please, contact administrator
for this information.

#176350 Copied
Rose Tyler

Support staff

October 30, 2017 at 10:34
Hello,

Please try to add this code in Theme Options > Styling > Custom css:
```
.price_slider_wrapper .button {
    margin-left: 0;
    margin-top: 10px;
}
```
Regards
#176355 Copied
Su Flo

Participant

October 30, 2017 at 11:03

THX Rose 🙂

#176357 Copied

Rose Tyler

Support staff

October 30, 2017 at 11:10

You’re welcome!

Regards

#176360 Copied
Viewing 10 results - 1 through 10 (of 10 total)