How can I enlarge the code on Thalia theme logo?

Store Design

Topic summary

Main issue: The logo in the Thalia theme appears too small and hard to see; the requester asks how to enlarge it.

Recent guidance: Support suggested first trying Theme Customization to adjust logo size; if insufficient, use custom CSS. Store URL was shared (https://pixiesposh.com).

Resolution and steps:

  • Navigate to Online Store ā†’ Theme ā†’ Edit code ā†’ main.css.
  • Add CSS targeting the logo image selector to set fixed dimensions (height and max-height set to 100px with !important).
  • Selector used: .logo.logo img; properties: height: 100px !important; max-height: 100px !important.

Outcome: The CSS change successfully enlarged the logo; the requester confirmed it worked perfectly.

Status: Resolved. No remaining questions or disagreements.

Notes: A code snippet was central to the solution. If the site is password-protected, sharing access can help with troubleshooting.

Summarized with AI on February 7. AI used: gpt-5.
1

Does anyone know how to make the code larger on Thalia theme. You can hardly see it.

2

This is PageFly - Free Landing Page Builder.

You can change the size in Theme Customization and change the size of the logo size.
If not it can be achieve by using custom code, please help me to share your site URL ( and password if password protected). I will check and give a solution

Hope this can help you solve the issue

Best regards,

PageFly

3

@Pixiesposh

Please share the store URL I will check and send the solution.

Thanks!

4

https://pixiesposh.com/

5

Hi @Pixiesposh

Iā€™m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->main.css ->paste bellow code in bottom of file

.logo.logo img {

height: 100px !important;

max-height: 100px !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

6

That worked perfectly. Thank you so much!

1 Like
7

you are welcome @Pixiesposh :blush: