How can I reduce text size and overlay it on images?

Topic summary

Goal: Make the on‑page text smaller and position it directly on top of product/images (text overlay = placing text over an image, typically via CSS positioning).

Progress and obstacles:

  • The requester shared their site (Chiropel.com) and a screenshot illustrating the desired layout.
  • Attempts so far “aren’t working,” and the requester doesn’t understand prior guidance.

Information provided:

  • Website URL: Chiropel.com (to allow review of the theme and layout).
  • Email address shared for direct help.
  • An image attachment shows the target visual result.

Support interaction:

  • A helper asked for the store URL to review and propose a solution, indicating they plan to inspect the site before suggesting code or settings.

Current status:

  • No specific code, theme settings, or step‑by‑step fix has been provided yet.
  • Action item: Review the shared store and respond with concrete instructions (e.g., CSS/section settings) to reduce font size and overlay text on images.
  • Resolution: Open and pending further guidance.
Summarized with AI on January 17. AI used: gpt-5.

Hi, i would like to get the text smaller and on the images. Pls Help.

My Website is Chiropel.com

It´s not working.

Sry i dont rlly understand that^^

Sure, lennardbaumannbsns@live.de

Hi @Lennardb19

Please provide your store URL, so I can review it and provide a solution.