Is there someone who can align and style this text in the footer?

Store Design
, ,
21

@Jim3 HEY, have you get it done or still looking out for better options

22

@pere01 I still haven’t done it. I search for options. I hoped on @tim_1 a lot. Do you have some solutions?

23

@Jim3 still the current issue or there is another?

24

Yes the text under the logo looks terrible

25

@Jim3 Let’s fix that once and for all.
Here’s what you can do, I’ll give you a more refined CSS snippet that improves both alignment and layout aesthetics, and will look balanced across all screen sizes.

26

@Jim3 Updated CSS for the footer text

Add this to your base.css or theme.css file (at the bottom):

/* Footer branding text styling */
.footer .footer-block p {
  text-align: center;
  max-width: 500px;
  margin: 0 auto 20px auto;
  font-size: 15px;
  line-height: 1.7;
  color: #333; /* you can adjust this if needed */
  font-weight: 400;}

/* Adjust for mobile screens */
@media (max-width: 768px) {
  .footer .footer-block p {
    font-size: 14px;
    padding: 0 20px;}}
27

@Jim3 Optional improvement, add spacing between logo and text

If the MELANTH logo sits too close to the paragraph:
.footer .footer-block h2,
.footer .footer-block h3 {
margin-bottom: 10px;}

28

Brother, I also work with ChatGPT. He didnt succeed to help me. I tried the code, is not working. Thanks :slight_smile:

29

Hello @Jim3,

To align and style the text in the footer, first you need to find the class of this text, then you can change the style with custom CSS. Please follow these steps:

  • If you inspect and hover your mouse on this text you will find the class of this text.
  • Copy the class and go to your theme editor
  • Go to your theme.css, base.css or footer.css file
  • Paste the class and write CSS code to align and style the text at the end of the file.
  • Save it.
1 Like