Shopify themes, liquid, logos, and UX
Hello,
I'm trying to find a way of aligning the 'more info' toggle and the 'book now' buttons on these "products" but can't see how to do it. I'd like them to all be aligned at the bottom of the boxes they're in. FYI the theme I'm using is called "Dawn". Most of the site has been put together already by someone else, I'm just doing my best to get it finished!
Any help gratefully received!
Hello,
I'd be glad to help with aligning the 'more info' and 'book now' buttons. If you could share the code or provide access to the files, I can take a closer look and assist you more effectively.
Looking forward to your response!
Can you tell me which bit of code I need to share, and where to find it please?
Sure! Please share the code related to the layout of the buttons, which is typically found in the theme's Liquid files or CSS. Specifically, look for the following:
Sharing these files or the relevant sections will help me provide more targeted assistance.
I don't actually know anything about programming, but this bit of the Liquid Files looks promising:
<div class="name heading_item">{{block.settings.title}}</div>
</div>
<div class="text-item">{{block.settings.description}}</div>
<div class="bottom-info buttons_box">
<div class="more_info"><a href="" class="link get-book" data-id="item{{forloop.index}}">more info</a></div>
<div class="btn-block book_now">
{{block.settings.widget}}
</div>
</div>
</div>
Here's a screenshot:
Hi,
Thank you for sharing that snippet! It looks like you're on the right track. Given that working with Liquid files and CSS can be quite technical, I'd recommend getting some professional support to ensure everything is aligned correctly and functions as expected.
I can help you fine-tune this code and handle any adjustments needed to align the buttons properly. If you're interested, I’d be happy to assist with this and any other coding needs you might have.
Let me know how you’d like to proceed!
The professional support we had just left it like this! I'd be grateful if you can advise how to improve it.
I can see other people have had the exact same issue (here), but can't see how to fix it...
I understand how frustrating it can be when you're stuck on a technical issue, especially when others seem to have faced similar challenges. Given the complexities involved, having an experienced professional to guide you through the process can make a significant difference.
I can help you address and resolve this issue efficiently, ensuring that the integration of images from your FTP server is smooth and automated. Let’s work together to get this sorted and streamline your workflow.
Looking forward to assisting you!
Thanks, what's the next step?
I’m glad to hear you’re interested in moving forward! I’d be more than happy to provide the guidance you need to resolve this issue.
To ensure we address everything effectively, it would be great to discuss the details further. Could you please share your preferred contact information, such as a phone number or email? This will help us coordinate and work through the solution more efficiently.
Looking forward to collaborating with you!
Figured it out! I've just added extra line breaks after the shorter item descriptions.
It's not the most elegant solution, but much better than it was.
Thanks anyway 🙂
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024