Shopify themes, liquid, logos, and UX
Hi,
My website is www.sweatfree.co
The password is sweatfree123
I want to add a line break, so "here, there, everywhere" is centrally aligned & in the second line. That way, "stay connected, with your people," is in the first line and rest in the second line. Any advice on how I can do it?
Hi @SweatFree
You can try to add this element </br> to where you want a line break in your heading.
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
@SweatFree please put this style in code:
@media screen and (min-width: 750px) {
section .banner .banner__box.content-container {
width: 600px;
}
}
Hi @SweatFree ,
1. Go to Store Online-> theme -> edit code
2. Layout/theme.liquid
3. Add code below to end of file and before </body> tag
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".banner__box .banner__heading strong").each(function(){
var HTML = $(this).html();
HTML = HTML.split('people, here,');
$(this).html(HTML.join('people,<br> here,'))
});
});
</script>
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025