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

[Jim3]

Is there someone who can align and style this text in the footer? - For both Desktop and Mobile versions.

[pere01]

@Jim3 Yes, it can be aligned and styled easily for both desktop and mobile.

Just add this CSS to your theme:

.footer p {

text-align: center;

font-size: 15px;

line-height: 1.6;

margin: 10px auto;}

@media(max-width:768px){

.footer p{font-size:14px;padding:0 15px;}}

This centers the text and keeps it neat on all devices.

[Jim3]

Hi @pere01 ,
Unfortunately my Custom CSS is already full. Is there an alternative?

[pere01]

@Jim3 No worries you can still add the CSS!

If your Custom CSS section is full, try this instead:

1. Go to Online Store - Themes - Edit Code

2. Open your base.css (or theme.css) file

3. Scroll to the bottom and paste the same CSS code there

That works exactly the same way and won’t affect your existing styles.

[Core_FitFusion]

If your Custom CSS file is already full, you can still style and align that footer text by adding your CSS through an additional file or inline style block:

1. Go to Online Store - Themes - Edit code

2. Under “Assets,” click Add a new asset - Create a blank CSS file (name it something like extra-styles.css)

3. Then in your theme.liquid file, right before </head>, include:

   {{ 'extra-styles.css' | asset_url | stylesheet_tag }}
   
   

4. Add your styling in that new CSS file, e.g.:

   .footer__column p {
     text-align: left;
     line-height: 1.6;
     color: #333;
   }
   
   @media (max-width: 768px) {
     .footer__column p {
       text-align: center;
       margin-bottom: 1rem;
     }
   }
   
   

That way, you’re not touching the full CSS file and still get a clean, responsive layout for both desktop and mobile.

If you’d like, I can quickly take a look and help you align it perfectly for your footer layout — just let me know.

[Jim3]

@pere01

@Jim3 Yes, it can be aligned and styled easily for both desktop and mobile.

Just add this CSS to your theme:

.footer p {

text-align: center;

font-size: 15px;

line-height: 1.6;

margin: 10px auto;}

@media(max-width:768px){

.footer p{font-size:14px;padding:0 15px;}}

This centers the text and keeps it neat on all devices.

This code doesn’t work

[tim_1]

You do not have to edit code for this.
Add a “Custom liduid” section to your “Footer” section group and paste CSS codes like this:

<style>
 /* CSS code suggested */
</style>

This will be the same as “Theme settings”=> “Custom CSS” without any code edits and limits.

[Jim3]

Hi @tim_1 ,
Unfortunately I don’t see “Custom liquid” section when I press sections at my Footer. Do you know something about this? Thank you!

[Jim3]

@tim_1 But I think I found what you meant. Do you talk about this section?

If yes, then can you share me some could which will help me to align the text, the size and the weight of the text too. Thank you!

[Jim3]

@tim_1 I need something like this on the screenshot but I guess I have to upload new photo of my logo to resize it. Mine is big but it looks fine on mobile. and if I upload smaller photo for desktop it will go too small for mobile.. What to do?

[tim_1]

You’re adding a block to the “Footer” section.

Usually you need to add a “Custom liquid”/“Custom code” section to the Footer group…

But with Impulse it’s a bit more complex:

[Jim3]

Okay, I found and made that, but this is entire new section. How will that make the changes of my text beneath?

[tim_1]

Remove image block, pull this section to the very bottom and turn off “Add spacing above and below” in the Custom content section settings.
If your HTML contains only <style>...</style> then this section would take no space on your page.

[Jim3]

I guess I am not doing something correctly but this section and HTML is not allowed to inside the footer blocks

[tim_1]

Yes, you can’t put a section between blocks. Should be like this:

[Jim3]

In the moment is exactly like that but still I cant understand how are we going to make the changes?

[tim_1]

You still have default placeholder content in HTML block.

[Jim3]

@tim_1
Here it is. I removed the default content in the HTML block and paste it my text.

I think is not that what you meant..?
Because nothing happened

[oriadec]

@Jim3 are you looking to get a verified review on your store?

[Jim3]

oh, yes definitely I will give some unverified user like you to review whoever store..