PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]
Cyber Monday 2021
Cyber Monday 2021 timer

Support Forum

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

Custom filter skin with css

This support system is for all types of the plugins as for premium versions, so for free ones! If you have premium version do not forget in the private data of the request (!!not in the text of the support request!!) after its publishing insert purchase code please (see blue-green button on the right side) and press Save button.
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.

When I visit this page https://wp-filter.com/howto/create-custom-skin-search-shortcode/

After Firstly go here:

it is empty. where can I find the default skin folder?

Hello

In  plugins\meta-data-filter\views\shortcode\skins\

Thank you!!

Hello

Welcome;)

Hey, I got another question. I followed all the steps to change the skin for my shortcode, but when I put my custom css codes in the styles folder and test it on a test page it doesn't have any kind of effect on the skin even though I can see and use the custom copied default folder.  how do I fix this?

Hello

Try  change  skin  on  shortcode  and  save it. Then return it back.

I tried but it didn't work, unfortunately, when I want to make any other changes to the css code other than a copy of the default folder, I cant put the zipped folder of the plugin in the site, it says that the installation failed. How do I fix this problem? And how do I make sure that the custom css that I add will really work?

Hello

why are you adding a zip file?

Have you got your custom skin in dropdown?

To do this work you should have programming experience.

hi, I was adding the plugin again on my Wordpress site with the custom skin folder in it. I could see the name of my custom skin folder in the dropdown where you choose the skin fr your shortcode but the custom css didn't have any effect and I don't know why I probably overlooked something.

I have followed all the instructions you gave me and the instructions that are on the website (https://wp-filter.com/howto/create-custom-skin-search-shortcode/). I have a basic understanding of programming but I just can't find out why the css codes that I put in won't work.  It doesn't affect anything at all.  Could you make me a quick step by step plan to help me out :) I would appreciate it a lot!

Hello

What version of the plugin do you have?

Drop me  exact  link to the  issue

hi,

https://sneakerpresence.com/test/

The problem is that the filter is vertical, I want the dropdown containers to stand horizontal next to each other instead of beneath each other.
Could you show me where you put the custom css codes so that the changes will work and stay?

I would really appreciate it:)

Hello

What version of the plugin do you have?

You are using CSS file optimization. Please  disable  it  to test

Hi,

I'm using version 1.2.6.1

I changed settings but if it does not work could you tell me how to disable it?

Hello

Try  to add  this  CSS:

body .mdf_search_form .mdf_input_container {
display: inline-block;
width: 19%;
}

Hi,

I tried to add the code into the additional CSS and I tried to add it in the advanced settings of the plugin but it didn't have any effect.

Where do I need to add the CSS to make it work without losing the changes after I update it?

Hello

Additional  CSS  of  the current  theme - https://c2n.me/471QpP9.png

OR in plugin settings->Advanced -> https://c2n.me/471QBIZ.png

This  CSS:

body .mdf_search_form .mdf_input_container {
display: inline-block;
width: 19% !important;
}

Result : https://c2n.me/471QJKI.png

hi,

You are the best Thank you!!!!!

Hello

Welcome;)