code

Store Design
, , ,

Topic summary

A user seeks help centering an element on their Shopware/e-commerce site, sharing a screenshot showing misaligned content.

Solution Provided:

  • Add CSS targeting .title-wrapper-with-link with justify-content: center
  • Insert code in theme.liquid file within existing <style> tags

Implementation Steps:

  1. Navigate to Online Store → Themes → Three Dots → Edit Code
  2. Locate theme.liquid file
  3. Place CSS under <style> tag before <body>

Outcome:

  • Initial confusion about <style> tag placement resolved
  • User successfully implemented the fix
  • Thread concludes with user asking for feedback on site’s conversion potential

The discussion includes screenshots demonstrating the problem and the corrected centered layout.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

how can i make this center

Screenshot 2025-03-25 052127.png
Screenshot 2025-03-25 052127.png1563×325 30.3 KB

2

hey @brett88 share the URL of your website so i can help you

3

https://nexwaredesigns.com/?_ab=0&_fd=0&_sc=1

4

hey @brett88 there is a password so share it so then i will help you

5

nownus is the password

6 
.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
    justify-content: center;
}

MustafA16_0-1742885405943.png
MustafA16_0-1742885405943.png1259×553 114 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

7

where the style tag

i place it at bottom doesnt work

8

ok done it is the site any good for conversions tho