Shopify themes, liquid, logos, and UX
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!
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;
}
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;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024