Can the "select size" text be placed inside the box ( Prestige version 10.4.0 Them

[dreamtechzone_5]

Hello Everyone!

Can the “select size” text be placed inside the box, and lines can be added below the text? Please help me. Thank you. I have used this code.

.product x-popover:before {
content: “Select Size”;
width: 100%;
text-align: center;
display: block;
}

Store: https://puppies-paws-shop.myshopify.com/products/led-dog-collar-luminous-usb-cat-dog-collar-3-modes-…

Password: Admin

[rajweb]

Hey @dreamtechzone_5 ,

Here’s a clean and styled approach you can use:

.product x-popover::before {
  content: "Select Size";
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px 0;
  font-weight: bold;
  border-bottom: 1px solid red; /* or any color you prefer */
  background-color: white; /* Match dropdown background */
  position: relative;
  z-index: 1;
}

Thanks!

Best Regards,

Rajat

Shopify Expert

[Mustafa_Ali]

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[dreamtechzone_5]

Can a border line be added under “Select Size”?

[Mustafa_Ali]

then just use this code to sloved you issue

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[dreamtechzone_5]

Thank you so much. It worked. One more thing I want to fix. Please help me.

https://community.shopify.com/post/3033585