Elementor Pro Custom Product Page Design - Part 1 | T-Shirt Variations

Learn how to create a custom T-shirt product page using Elementor Pro.
Download template here:
urieljsoto.gumroad.com/l/simp...
Custom CSS:
/*Price color*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: black;
}
/*swatch titles*/
selector td{
background-color: transparent;
color: black;
padding: 0px;
}
🔵 Join Our Facebook Community!
bit.ly/urielsotofbgroup
🟢 Tech Support:
urielsoto.com/services/
🟢 My Web Agency:
vluxdesigns.com/
MY COURSES:
🟣 Elementor Mobile Responsive Course
bit.ly/elementormobile
🟣 Website Building Factory Course
bit.ly/websitebuildingfactory
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielelementorpro​​​​​​​​​
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/​
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a

[@Kimmiko]

I love the way you explain things, you are easy to follow, so please continue making the series and more!

[@UrielSoto]

Thank you. I appreciate that feedback. I'm always trying to make sure I explain things as simple as possible.

[@arbazali4573]

Uriel, seriously you are amazing. Thanks for this toturial.

[@UrielSoto]

You're welcome I'll have next part out on Monday hopefully

[@John-dk1dg]

Your tutorial's easy to follow. I hope you will continue making the series.

[@UrielSoto]

Yes I'm definitely thinking about it.

[@groovylucas4939]

So helpful i was stucked with woo commerce style even thought i went too code myself

[@nasimaslam3658]

Thanks bro, for giving awesome tutorial, I really loved it

[@AverageDIYdude]

Changing the variation background should be in this selector: table tbody tr:hover>td, table tbody tr:hover>th {}
Thus:
selector th{
background-color: transparent;
color: black;
padding: 0px;
}

[@prokassim]

Thank you for great tutorials, and yes please do that.

[@UrielSoto]

I will for sure. Thanks

[@sudani1969]

Hey this guy tutorial's is great, keep it up

[@bhupendrajaiswal7686]

nice tutorial keep making!

[@ZaahirJappie]

Thanks for the video. I do have 2 issues though, one is that the title background remains grey on both standard and hover AND when I create a variable product, my shop thumbnail has "select options" and not "add to cart" anymore.

[@kerpoostudio]

that was great thank you so much

[@moviestudio273]

best content

[@MurzynskieMigdalki]

Which plug-in do you recommend to edit the appearance of product variants, e.g. color / size?

[@MEOWMEOWMELON]

Hi Uriel great video. However I still have the grey lines on the background after adding the additional CSS. Do you have any idea for to fix it. Thanks in advance

[@Scarsen]

I think if there is a sizechart it would be great addition to the product. It will reduce the returns of the product and the buyers would know the precise measurments for every size.

[@UrielSoto]

Yes you can add that to the gallery. But also even make a tab for it.

[@Pauullll09]

Thanks for the tutorial! In my case, however, only the gray behind the variations is removed, but not behind the respective label. Do you have a solution for this?

[@tacoanneveldt7647]

Hey dude, Awesome video, tnx a lot! I have one question, i would like to center the colour and size options. Do you have a CSS code for this action or any other possible way of doing? Tnx!

[@kevganhiga]

Bien hermano! A mi me interesa todo lo relacionado a Woocommerce. Tu canal es buenísimo.

[@UrielSoto]

Gracias. Voy a salir con más videos así 👌🏼

[@galogalofre]

@@UrielSoto Amigo Uriel, hazte los videos hermanos, pero para la comunidad latina. Es cierto que estos en inglés uno los puede seguir, pero nunca estaría de más escuchar al profesor explicando en el mismo idioma.

[@muhammadmudassirmushtaq3364]

finally i solved my problem

[@leomarkconstantino4451]

For the color attribute or in my case I wan to show the image can I put it above the name of the color is that possible?

[@gergo_44]

The selector td is not working :(

[@zahrasamiei4118]

hi dear.bravooooo

[@LokoRican_]

What happen to it it won’t let me buy the template

[@moviestudio273]

elementore quantity tab does not show the page

[@shubhammatrix3545]

hello sir price change according to variation not working in custom elementor product page please help

[@lucasborges7327]

Hey, the css code is not working, I don't know why

[@humblemanfrance2721]

Thanks bro

[@humblemanfrance2721]

Make a video on making the variable product range ($200.00 -$600.00) just one price ($300.00)

[@UrielSoto]

I'll see what I can do.

[@raselahmed4149]

JentEngine video need please

[@UrielSoto]

Yes I might soon. Thank you

[@ProFlame112]

Are you arebold?

[@UrielSoto]

Yes 😁