Shop Archieve – Product Labels – Move to the right

Most of our product have illustration on the left which is getting covered by the labels such as “New” or “%age”.

Is there a way to move them to the right instead of showing on the left?

Attachments:

You must be logged in to view attached files.

Another query (related to style), how do I get white space on FAQ elements?

Attachments:

You must be logged in to view attached files.

Hello,

01.Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

.product-grid-item .product-labels {
    inset-inline-start: auto; /* Remove left */
    inset-inline-end: 7px;     /* Move to right */    
   }

02. To add white space around the FAQ elements, you can adjust the margin or padding settings directly within the page builder:

a. Edit the page with Elementor.
b. Select the FAQ widget.
c. Go to the Advanced tab.
d. Add values to padding (inside spacing) or margin (outside spacing) as needed—for example, 20px top and bottom.

See the Screenshot for a better understanding: https://ibb.co/N2tg1Jsv

Best Regards,

01. Thank you, solved the problem.
02. Added padding, the FAQ block (its html block brought on the cart page) still not coming on top of white space (20px padding added). Added link in the private content area.

There is some problem with search results, despite clearing the database, the keywords are not coming up in the search.

Example: searching for word “nexon” which is present in some product’s long description and keywords but still not coming up. Tried this wiht multiple words, same problem.

Link in the private area.

Attachments:

You must be logged in to view attached files.

Hello,

01. You can edit the HTML Block with elementor and edit the accordion widget and in the advanced tab, you can adjust the margin or padding settings directly within the page builder.

02. You can try to install the Relevanssi search plugin and then navigate to Theme Settings > General and activate the “Use Relevanssi for AJAX search” option. https://wordpress.org/plugins/relevanssi/

Best Regards,

01. I have added padding on the htmlblock but it’s still reflecting the same on the checkout page. I am sure I am doing something wrong, please can you check?

02. Thanks for the recommenaiton. Hope relevanssi isn’t going to impact performance of the site.

A new problem (let’s call it 03)

03 – I have setup a mobile only cart page (html block) through page settings but despite that, the normal version of cart page is coming up instead of mobile version.

Hello,

01. The white space isn’t appearing because there’s a different background color applied. Try adding a Spacer widget in Elementor below the Accordion widget, and then apply a white background color to that spacer section.

Like this: https://ibb.co/HfDYH4x7

03. You are using Custom WooCommerce Builder layouts, which is part of WooCommerce Builder from WoodMart. Try to disable the custom layout for the cart page and and check the issue. You can do this in Dashboard > WoodMart > Layouts.

Best Regards,

Hi Aizaz, thank you for the guidance on 01. Sadly, I could not replicate your instruction and messed it up more.

I noticed that you had added a space but that was showing up as an odd spot on the faq block (presuming you did it on the html block instead of the cart page directly).

Is it possible for you to add this style on the element and I will take note and replicate this other html blocks of same nature?

03 – it’s solved for now.

Hello,

Please check back your site and check the cart page. I have added the space element on your in cart layout. Please check back your site and check the issue.

Best Regards,

Hi Aizaz, checked the cart page, the padding still isn’t coming up beneath the FAQ block however, small white patch is indeed there below FAQ block.

Please take a look on the screenshot.

(p.s. I have now removed mobile version of cart page from page settings, will use same cart on both desktop and mobile. Same for the checkout page as well)

Attachments:

You must be logged in to view attached files.

Hello,

The white space is not appearing on your site because the accordion background is set to a different color.
To achieve the white background effect, you need to edit the Shortcode widget and set the background color to “white”. Once you do this, the white space will be clearly visible in the FAQ block.

Best Regards,

[Author]

Posts