Dear, Great Job the code solve the problem of Woocommerce gallery text, But it still has some room for improvement.

1) The mobile padding for me sometimes looks fine, too wide and it sometimes overlapping the text of the product including its price. Plz take a look at the pic:

https://ibb.co/N7BR4MY

2) I want to slightly enlarge the text of the Woocommerce gallery let’s say 1-2px, how can I achieve that?

3) Can we make the product display size in gallery and recent products somewhat wider than the default in the mobile devices? It is absolutely perfect for desktop devices, but it is slightly thinner in mobile devices. Please let me know if we can fix it.

Thanks again for this magnificent effort.

Thanks

Dear, this guy also uses the newspaper theme. Could you please specify me what settings exactly he has done to achieve this effect?

Plz take a look by yourself and also inspect it. I want the same hovering style result in my website too. Now I think it shouldn’t have any problem for you anymore…

Plz check this:

https://theopticalvisionsite.com/#

Dear, I want to like this the way showed in pic: Plz take a look at the pic…

https://ibb.co/rH5NYRG

The selected text should be in white color.

1) The padding in mobile devices still remains the same and I didn’t observe any change.

https://ibb.co/MCGZRzL

2) Can you make the Woocommerce Text size as bold and large as used in the Woocommerce product? Plz used the same font pixel as used in woocommerce products and make it bolder.

I have set the CSS Code and wouldn’t remove it as suggested by you.

Thanks for your cooperation.

Dear, I want to use the menu hovering style like the one used in the given website. The code only changes the color as sudden box. It didn’t changed in to a hovering style…

Dear, I have applied the code, but there are two problems.

1) The CSS Code Sheet showing 2 red cross in two line. Please take a look at the pic for further info.

https://ibb.co/yfMqL75

2) The padding in mobile devices still remains the same and I didn’t observe any change.

https://ibb.co/MCGZRzL

3) Can you make the Woocommerce Text size as bold and large as used in the Woocommerce product? Plz used the same font pixel as used in woocommerce products and make it bolder.

I have set the CSS Code and wouldn’t remove it as suggested by you.

Thanks for your cooperation.

Dear, it didn’t serve my purpose. Plz take a look at this website. I want to change the hovering color and style like the one showed in website.

https://theopticalvisionsite.com/#

Dear, the code works well, but I have a small problem, the selected text of the page remains black, while I want to change it to a white color as someone selects a particular text for copy. Hope you understand.

Regards,

Dear, I am sorry to say that the given code doesn’t solve two problems.

1) Padding in mobile device remains unchanged for me. Plz take a look at the pic:

https://ibb.co/mqZB42B

2) The text of the woocommerce galleries didn’t change with the code. Plz take a look at the pic.

https://ibb.co/74zjZtd

Only the compressed text size of add to cart button is resolved with the given code.

Plz check at your end…

Thanks

Dear, I am trying to play with the menu coloring options, but still not achieve what I am looking for. How can I change the menu hovering style if I place cursor on Menu?

Dear, you just have to make three changes in the previous code

1) Adjust the padding of add to cart button in mobile devices

2) Change the text of the Woocommerce Galleries (This text was not changed before in any of the CSS code provided by you)

3) Adjust the compressed text problem in add to cart button.

PLz take a look at the pic:

https://ibb.co/NrX3mpM

Plz take your time, I am not in a hurry but plz check all the required parameters before finalizing.

Thanks

Dear, the latest given code is way too much awkward for me. Can you make the two changes with the previous code as to change the text size of woocommerce galleries and adjust the padding in mobile devices???

Also the text in the add to cart button is too much compressed. Please take a look at the pic:

https://ibb.co/NrX3mpM

If you want to take more time, then its no problem from my side. Thanks

I want to change the menu black on hovering with the same style as shown in the website

Dear, where I have to enter the shortcode provided by the plugin?

Can you show me some example that how can you use it with TD Composer via snapshots?

Ok. will wait for your reply.

Thanks

I am using the shortcode of this plugin in the shop page via TDcomposer, but it is not showing products correctly. Please help me in this…

Dear, the provided code works like charm, but I have 2 small problems.

1) In mobile devices the padding of add to cart button is quite wide. The same large padding is appearing under the product page as suggested products.

2) The text of the woocommerce categories didn’t change with the code.

Plz take a look at the pic

https://ibb.co/bHxzFfM

dear, I have added mistakenly as right, as I want to set the add to cart button on the center.

Also, when I click the add to cart button, then the button somewhat jumps upwards and bounces back. Plz help me in this

Dear, I want to change the position of ADD to CART button from Left to right. I have used this code, but didn’t work well.

.woocommerce-page .woocommerce a.button {
margin-left: auto;
margin-right: auto;
display: table;
padding: 15px;
}

• This reply was modified 7 years by great1212.

Dear, I want to have the border on the shop page, but I don’t want to appear during opening of the page. Hope you understand better this time.

Dear, I have got one problem as the border also goes with opening the woocommerce products. How could I change this?

Plase look at this pic

https://ibb.co/QPj5dMp

Dear, I have configured the right options, but yet the review stars are not showing below each my product. What to do?

Also I want to change the Text and Size of ADD to CARt Button

Dear, I have used the custom CSS code for shade around the woocommerce products.

Plz check this css code that I have added to add the shade around woocommerce products.

.woocommerce #page-wrapper ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 13px 2.992em 0;
box-shadow: 0 0 15px #000 !important;
padding: 10px;
}

Thanks the post helps me a lot. Can I put the border around the woocommerce categories like the products???