Make text to button

Topic summary

Goal: Turn specific text labels into long rectangular buttons within a store’s Tabs section and confirm where to place the CSS.

Key guidance:

  • Inspect the elements for the texts (e.g., KUNDBESTALLNINGAR, BETALNINGSMETODER) by hovering to identify their HTML tag (e.g., h1, h2).
  • Add the styling in the Tabs > Custom CSS area to convert those text elements into button-like rectangles.
  • It is possible to paste the code into the designated “right square” (the Custom CSS input).

Notes:

  • The exact CSS was shown via a screenshot, not as text; images are central to the solution.
  • No specific CSS rules were provided in text form.

Outcome:

  • The original poster confirmed the approach worked and the issue is resolved.

Status: Resolved; no further actions requested.

Summarized with AI on December 17. AI used: gpt-5.

Hi,

Anyone knows how to transform these texts to long rectangular buttons (as the red mark)?

Is it possible to paste the code in to the right square?

1 Like

Hi Hugobrunto!

Yes it is possible.

While on Tabs, hover your mouse over KUNDBESTALLNINGAR and BETALNINGSMETODER and identify what type of element it is, e.g. h1 or h2.

Then, in your Tabs Custom CSS add:

Hope this helps!

1 Like

Thank you very much! I figured it out thanks to this help you gave me :slightly_smiling_face: