How to move heading bar to center in multicolumn

Solved

How to move heading bar to center in multicolumn

BrickBuidz
Excursionist
40 0 5

Hi guys, I need help with my multicloumn,  I want to move my header to the center, heres what I mean

 

BrickBuidz_0-1693182861923.png

 

 

If you guys could please help that would be greatly appreciated!!

 

here is my website:

 

https://brickbuildzz.com/

 

Accepted Solution (1)

David_SHT
Globetrotter
605 125 125

This is an accepted solution.

Hi @BrickBuidz 

This is David at SalesHunterThemes.

Thank you for your question. 
You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

 
 

 

.multicolumn .title {
margin: 0 auto;
}

 

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

View solution in original post

Replies 4 (4)

David_SHT
Globetrotter
605 125 125

This is an accepted solution.

Hi @BrickBuidz 

This is David at SalesHunterThemes.

Thank you for your question. 
You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

 
 

 

.multicolumn .title {
margin: 0 auto;
}

 

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

ZenoPageBuilder
Shopify Partner
1052 203 225

Hello @BrickBuidz 

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.title.inline-richtext {
    margin: auto;
}

The result

Screenshot 2023-08-28 at 10.08.45.png

Hope it helps! 

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

ZestardTech
Shopify Partner
5734 1050 1387

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

h2.inline-richtext.h1 {
text-align: center;
}

 

ZestardTech_0-1693199445433.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Beae_Cass
Shopify Partner
436 167 178

Hi @BrickBuidz ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
.multicolumn .title-wrapper-with-link {
    justify-content: center;
}
</style>

 

Best regards,

Anthony

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template