Docs

[mwyanniello]

Hi, on my product pages i have the color squares set up. The label (Color Options:) is positioned to the left of the squares, I would like to move the label above the squares, is this possible? can you provide me with custom CSS?

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[mwyanniello]

http://59e.88a.myftpupload.com/product/5-piece-clip-in-remy-human-hair-extension-18-inch/

[Friech]

Hi There,

Thanks, you can add this under Custom > CSS in the Customizer.

.woocommerce div.product .summary .variations td {
	float: left;
}

Hope it helps, Cheers!

[mwyanniello]

Thank you so much!

Last thing, refer to the attached image. See how the clear label is on the right of it on mobile devices, how do i move that below the color squares?

[Rupok]

Hi there,

Thanks for updating. You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 400px) {
.select.swatch-control {
  min-height: 180px;
}
}

Hope this helps.

Cheers!

[mwyanniello]

Thank you guys! You’re awesome

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts