Clear white space, centralize product and images

Here are link to issues that we need help

Search function not working
http://postimg.org/image/6aoud78zd/

How to change SHOP to CATALOG?
http://postimg.org/image/ay3uwtaa3/

How to centralize products on page
http://postimg.org/image/67gffsrxt/

How to clear white space on page
http://postimg.org/image/fdq84ki1v/

Hello @magna,

  1. It looks like general WordPress issue. I kindly suggest you to use WordPress.org forums to find a solution, that forums is the right place for general WordPress questions.

  2. It looks like WooCommerce issue, please consider contacting WooCommerce support regarding this issue.

  3. I’m not sure what is exact issue, please provide more details and a link to the website.

  4. Please try to do the following. Go to your Dashboard → Appearance → Customize → Grneral → decrease top padding → click Save & Publish.

Kind Regards, Roman.

Hello @Roman,

Thank you for professional and prompt feedback.
Please, I would like to email you the link for privacy reasons.

Okay @magna,

Please send a link to [hidden] (but do not send login credentials).

Also please describe 3rd issue in detail, it will be good if you attach more detailed screenshot.

Kind Regards, Roman.

Hello Magna,

  1. Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

#pg-22-0 .siteorigin-panels-stretch.sydney-stretch.panel-row-style {
    padding-top: 0 !important;
}
  1. Please try to use the following CSS code.
.term-floatinglockets #primary {
    width: 100% !important;
}
  1. Please use product images with the same amount of white space around products in order to align product images. Currently images are aligned, but products on that images are not aligned. Please edit your images and re-upload them.

This CSS code can help you to align product titles:

.woocommerce .products .product a h3 {
    text-align: center;
}

Looks like button centering is a bit more complicated, so it goes beyond our support policy.

Kind Regards, Roman.


Dear Roman,

Thank you.
You have been very supportive by answering step-by-step guidance.
Glad are those who come across you asking for help.
You are more than just a “Moderator”

Sincere thank you once again.

Best regards,
Magna

QUERY
For step no 2 CSS code you have helped this category become center aligned.
As we will add more than 20 more categories.
Will all of those new categories get automatically center aligned too?
Your assistance will be appreciated.

Hello Magna,

Thank you very much for the kind words, I’m happy to hear it :slight_smile:

As far as I understand your query, you will have to replace

.term-floatinglockets #primary {
    width: 100% !important;
}

with something like

.term-floatinglockets #primary,
.term-someotherterm #primary,
.term-andanotherone #primary {
    width: 100% !important;
}

or you can try to use the code below to target all product categories altogether

.archive.woocommerce #primary {
    width: 100% !important;
}

I hope that it will help you.

Kind Regards, Roman.

Hello Roman,

Thank you.
Your every step of help has made our site become all the more the way we imagined.
We respect your prompt responses and enjoyed working with you.

Please you may close this ticket

You are welcome Magna,

I’m glad that you are happy with your site now :slight_smile:

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.