PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Two design questions

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
MikeyC4(@mikeyc4)
3 Posts
Customers
November 20, 2020, 00:47

Hi, and thanks for the great plugin - really helped solve a problem.

I have two questions related to design:

1   Overlay Color

In the Design section of the Documentation, the 7th pint states:

"Plainoverlay color: color for animation while filtering going"

I can see all the previously mentioned options (radio / overlay skin / loading word / use chosen / beauty scroll) but it then jumps to 'range slider skin' - leaving no option to change the overlay color. Has it been relocated?

2   Adjustment of drop-down selectors

I have two drop-downs in use, to select custom taxonomies.

I'd like to be able to modify the corner radius to zero to make the boxes square.

I have looked through the code and every div within <div id=woof_widget> but I cannot see anything that modifies the radius of the corners.

It seems to be another <div class="woof_block_html_items"> or <div class="chosen-container chosen-container-single"> - but I just cannot get it to work.

Thanks in advance for your help.

 

#1
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
November 20, 2020, 14:03

Hello

1)

For CSS ( http://clip2net.com/s/3ATeUho ) -This is your option

1 Navigate to the file - woocommerce-products-filter\js\plainoverlay\jquery.plainoverlay.min.js"

2 In this file, find the color #17f29b (use CTRL+F) and replace it with a different color

For svg - if you want to change overlay skins

1Navigate to the folder - woocommerce-products-filter\img\loading-master\

2 Find svg file that you need.

3 Change the color code. Example: http://clip2net.com/s/3ATaSUv

 

2)  Please  drop  me exact  link to  the  issue

 

#2
MikeyC4(@mikeyc4)
3 PostsTopic Author
Customers
November 20, 2020, 23:27

Thank you Pablo!

I'll try out the CSS shortly, but the boxes I'd like to be squared off are on the page below, left hand column, marked 'select an artist' and 'select a tag'

http://www.makelightwork.website/shop/shop-custom-4/

In summary: I'd just like to change corner (border?) radius = 0, so that they have square corners

IE, so that the buttons in Column A the image below look like those in Column B.

Thanks very much!

Squared off buttons

 

Last edited on November 20, 2020, 23:32 by MikeyC4 · #3
MikeyC4(@mikeyc4)
3 PostsTopic Author
Customers
November 22, 2020, 04:12

Thanks for your help Pablo.

Just one thing - there are TWO instances of #17f29b in the jquery.plainoverlay.min.js file.

I realised this after a little confusion, and once changed it worked fine.

 

Secondly, I managed to find the setting to make the buttons square by searching all entries for 'border-radius'.

Resolved the problem with this CSS tweak:

 

/* Reduce button corner radius to 0, making buttons square*/
.chosen-container-single .chosen-single {
     border-radius: 0px !important;
}

 

Thanks again for your help

RESOLVED.

 

#4
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
November 23, 2020, 14:15

Hello

Great!  Welcome;)

#5