wehodl

Topic is resolved!

Hi,

I′m still waiting for help and an answer.

Thank you.

Kind regards

Markus

Hi Hakikizaman,

Thanks a lot for your answer!

I′m sharing my website with you.

Please have a look at the following links:

https://test.puapill.com/product/214/

I need a custom CSS code which moves the button of the size (S) in the middle however only on this product page of Woocommerce (214)

In addition to that I need a custom CSS code which moves the button of the size (S) to the very right only on this product page of Woocommerce (yellow-slim-coat).

https://test.puapill.com/product/yellow-slim-coat/

Could you provide me with the right custom css codes that makes the button move to the different spots where I would like them to have?

Thanks a lot in advance and I hope its understandable now!

With kind regards

Markus

Hi Hakikizaman,

Thanks a lot for you answer. As requested I′m providing you with screenshots. I dont want to share a link to my website.

As you see the button in the first screenshot does not sit at the same place as the button in the second screenshot.

FIRST SCREENSHOT: https://ibb.co/jWjdxg7

SECOND SCREENSHOT: https://ibb.co/j5gCfPR

I need a custom css code which I can use on the woocommerce product page (first screenshot) that moves the button to the exact same place as it is in the second screenshot.

The custom css code should only make the button move on the woocommerce product page of the first screenshot and should not affect the movement of the two buttons seen in the second screenshot.

Thanks a lot in advance!

Kind regards

Markus

By the way I FORGOT to mention that this problem only appears when doing a google search on mobile! I have tested the search on different browsers from safari, to brave browser and others. The problem is on every browser.

Thanks a lot in advance.

Best regards

Markus

Hi Ashesh,

The problem is solved!

Thanks a lot for your help.

Zakra Theme best WordPress Theme on the Market and best support team !

Kind regards

Markus

Hi Ashesh,

I hope all is well with you and thank you for your help.

I′m using Rank Math SEO Plugin. When you search my website in Google you will find the word “urban streetwear” (in small letters). However on my website I have written it in capital letters.

Please have a look at the screenshots (its the front page of my website – HOME)

Picture 1)

https://ibb.co/6w6rdDr -> First page of my website (HOME)

Picture 2)

https://ibb.co/sFyP2Sr -> Elementor editing

Picture 3)

https://ibb.co/nmsxYZR -> Elementor editing

Picture 4)

https://ibb.co/KVNyB9v -> How I see my website in Google when searching for the name. The word “urban streetwear” is written in small letters and not in big letters (URBAN STREETWEAR) as presented on my website.

Is that a problem with Rank Math SEO plugin or do I have to change or add a custom css code to solve the problem?

Thanks a lot in advance for your help !

Kind regards

Wehodl

Hi Shilo,

Thanks a lot for your message.

Have you watched the weblinks with the photos that I have provided?

Please understand that I prefer not to share a live link of my website.

I hope you can provide me with a custom css code based on what I have shared.

Thanks a lot in advance.

Kind regards

Peter

Hi Sakar,

this works perfect! Thank you for this amazing peace of custom css code!

One more question. Can you tell me the same code for the h2 header? I want to make specific spacing between the H2 heading and the first bullet point which is below of it.

My website: https://test.puapill.com/product/white-crop-t-shirt/?preview=true

Thanks a lot in advance!

Kind regards

Markus

Hi Ashesh,

you are the BEST. Thank you very much it works flawlessly !

Love your theme !

Kind regards

Markus

Hi Ashesh,

Thank you for your reply.

Please have a look at the following link

https://test.puapill.com/product/214/

As you can see I changed the structure of the page with the following code and the text is on the left side now.

.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
float: right;
width: 50%;
}

However I dont want to see this structure on mobile devices. The reason is the picture will be small and its not nicely structured.

Can you provide me with a css code that keeps the structure on mobile the old way?

Thanks a lot in advance!

Kind regards

Markus

Hi Ashesh,

I found another way to solve the problem. However thanks a lot for your help!

Topic is solved!

Kind regards

Markus

Hi Ashesh,

I hope you are well. Thanks a lot for your message.

Please have a look at that link. I would like to make the credit card icons appear below the copyright message.

https://workupload.com/file/wExVLaykxBh

Thanks a lot in advance.

Kind regards

Markus

Hello Rank Math Team,

Thank you for your support.

I have checked in the admin control panel and found it. One question! I realized that the thumbnail image which I took for the OpenGraph Thumbnail does not have the recommended size of 1200 x 630 pixels. Is that the reason why when I share my website link on Whatsapp the image is not appearing?

Im using cisco VPN client and again cannot open this link
https://i.rankmath.com/d2CVzQ

I would like to share with you the backend screencast.

Thanks a lot in advance.

Kind regards

Markus

Hi Ashesh,

Thanks for that. Works perfect. You are the boss!

Kind regards

Markus