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]

<style>
.popover::part(header) {
    display: contents !important;
}
.h5, :where(.prose h5) {
    margin-bottom: -20px !important;
    margin-top: 15px !important;
}
</style>

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
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 · Accepted solution]

<style>
.popover::part(header) {
    display: block !important;
}
.popover::part(close-button) {
    margin-top: -18px;
}
</style>

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 </body> ----->
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/c/shopify-design/feature-image-as-a-1st-image-on-the-product-page-shop...