How to add the button label to the image text

Store Design
,

Topic summary

A user is attempting to add a styled button label to an image text section but encountering implementation issues.

Current Problem:

  • The button appears next to the text instead of overlaying or integrating with the image as intended
  • The HTML/CSS code provided shows attempts to style a button with specific properties (white text, Montserrat font, padding, inline-block display)

Technical Details:

  • Code includes a link to a product page (/products/hulajnoga-elektryczna-city)
  • Button styling includes background color (#DB1436) and cursor pointer
  • User wants to change the button shape to oval

Status: The discussion appears to show corrupted or garbled code in parts, suggesting potential encoding issues. No solutions or responses have been provided yet.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hey,

I want to add the button label on the image text section.

I already write something code HTML:

.button1{ border: none; border-style: oval; color: white; styl text: montserrat; padding: 30px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; }

.button1 {background-color: #BD1436 /* Sprawdź teraz */

Sprawdź teraz

But when I try to add this to the HTML part it is next to the text.

Moreover, I want to change the button shape (oval).

Donaaa_1-1685625147256.png