Re: Alignment of 'more info' and 'book now' buttons

Alignment of 'more info' and 'book now' buttons

LL1
Tourist
7 0 6

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!

Screenshot 2024-08-05 232809.png

Replies 11 (11)

mlissaikl
Excursionist
12 0 0

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!

LL1
Tourist
7 0 6

Can you tell me which bit of code I need to share, and where to find it please?

mlissaikl
Excursionist
12 0 0

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:

  1. Liquid Files: Check for files like product-template.liquid, product.liquid, or similar within the Sections or Snippets folder of your theme.
  2. CSS Files: Look for files such as theme.css or styles.css in the Assets folder.

Sharing these files or the relevant sections will help me provide more targeted assistance.

LL1
Tourist
7 0 6

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> 

LL1
Tourist
7 0 6

Here's a screenshot:

Screenshot 2024-08-06 002128.jpg

mlissaikl
Excursionist
12 0 0

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!

LL1
Tourist
7 0 6

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...

mlissaikl
Excursionist
12 0 0

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!

LL1
Tourist
7 0 6

Thanks, what's the next step?

 

mlissaikl
Excursionist
12 0 0

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!

LL1
Tourist
7 0 6

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 🙂