FROM CACHE - en_header

Center text on banner on home page

theblackibis
New Member
1 0 0

Hello! I have impulse design and I'm trying to center it on my site. How do I do this? 

Here is my website: theblackibis.com 

I want 'Your virtual gift shop because we all deserve to feel important' to be centered...along with the buttons for shop men and shop women. Thank you! 

Replies 2 (2)
LamQSolutions
Shopify Partner
131 30 44

To center text, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

.template-index .hero__text-wrap .page-width {
  display: block;
  position: relative;
}

.template-index .hero__text-wrap .hero__text-content {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling - Create scroll-based animations visually.
Ultimate Sections - Slideshow, Gallery, Collection, FAQs, Brand, Info box, Testimonial and more
DigiXoft
Shopify Partner
109 18 71

please find theme.scss file in code and paste this.

 

.template-index .hero__text-wrap .page-width {
display: block;
position: relative;
}

.template-index .hero__text-wrap .hero__text-content {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on arslan@digixoft.com regarding any help
Shopify Partner | Skype : arslan.saleem261