Shop Page Filter look like in demo

This site is best viewed in a modern browser with JavaScript enabled.

Irfan

hello i want to make my website store have some look like in demo version shop page, can you tell me how to make it? so my shop page will have filter by price, star, review, brand and categories like in demo
https://demo.mypreview.one/hypermarket/shop/
also in the demo filter place in right side but if i want to make it on left side how to make it?

this is my shop page look
https://thethroneschair.com/?post_type=product

thank you

Irfan

hello when i can get support or answer?
and my contact form in contact us look so small can you tell me what is wrong with it?? text field name and email look so small not same as in demo
https://thethroneschair.com/contact-us/

hope to get reply been waiting for reply

mahdiyazdani

Irfan

Irfan and my contact form in contact us look so small can you tell me what is wrong with it?? text field name and email look so small not same as in demo

It seems JetPack’s contact form module overrides your contact form styles. To deactivate the module from the Dashboard, head to Jetpack > Dashboard. Towards the bottom there is a link for the Debug section, click that.

On the next screen, there is a link entitled Access the full list of Jetpack modules available on your site Click on it, and you are taken to a list of all modules. From there you can disable the contact form, as well as any other module you don’t want/need.

Once you deactivate the module, it should be all done.

Irfan

mahdiyazdani hello i just check it and in my contact form default setting on jetpack is deactivated. and when i try to activated and reload my contact us page still nothing happen, then make it deactivated again still nothing happen too. can you tell me what's going on?
also is there any answer for my first question???

mahdiyazdani

Irfan i just check it and in my contact form default setting on jetpack is deactivated

As long as the module is active the CSS that is coming from the JetPack plugin will apply.
You can either deactivate the module or overwrite the existing CSS by adding the following snippet to you Additional CSS editor/section.

.contact-form input[type=email], .contact-form input[type=text] {
     width: 100%;
     max-width: none;
     margin-bottom: inherit;
}
.contact-form textarea {
     width:100%;
}

Irfan

mahdiyazdani As long as the module is active the CSS that is coming from the JetPack plugin will apply.
You can either deactivate the module or overwrite the existing CSS by adding the following snippet to you Additional CSS editor/section.

Yes it works, so what about my first question how to make shop page look like in demo? is there any articel that i can read or etc???

amaniel

Here is how you get a shop page sidebar as in the demo:
1) Go to Appearance>Widgets and select the Sidebar widget area on the right side.
2) Open it by clicking on the little arrow and drag-and-drop any widgets you wish to display in it (like product categories, product search, filter by price, etc.)