How can I make the link text in a table smaller?

Store Design
, ,
1

Hi,

The RESERVE text in the image below is too large on mobile and takes up two lines.

I would like to reduce the size of the text to about the size of the red frame in the image.
(It was not reflected in the default character change function.)

スクリーンショット 2024-10-21 000711.png
スクリーンショット 2024-10-21 000711.png313×783 134 KB

I would also like to know how to narrow the space between the links so that each link text is closer to the image above.

I’m sorry but please help me.
thank you.

2

Please check the following before it is published.

19964f-7b.myshopify.com

password: aolyia

3

Hi @Havana2024

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 358px) {
    .hero__rte img {
        margin-bottom: 0;
    }

    .hero__rte table a {
        font-size: 1.2rem;
    }

    .hero__rte table tbody tr td {
        line-height: normal;
    }
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

4

thank you.

To make the font size even smaller, should I reduce the value below?

font-size: 1.2rem; ←

5

Yeps, Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

6

Hi,

I tried the method you taught me, but it doesn’t get smaller, so I’m having trouble.
Please help me.
Could you please confirm?
Collaborators are also possible.

thank you!