Solved SP Page Builder

Structure in SP Page Builder

Asked by GREEN TAL S.A. 1 year ago Last activity 1 year ago

Good morning,

I have built a structure in SP Page Builder that resembles the one shown in the attached image, named imagen-sp.jpg. However, I haven’t been able to make it behave visually like in the other attached image, prototipo.jpg.

I would greatly appreciate any guidance to achieve the final structure as seen in the prototype. I am not an expert in HTML and CSS, so I apologize if I am overlooking something obvious.

Thank you in advance for any help or advice you can offer.

Best regards,

prototipo.jpg: https://prnt.sc/Cu86kCJK_8Jl

imagen-jpg: https://prnt.sc/Ep-UKYtAsqTh

Accepted answer

Marked as the solution

Atick Eashrak Shuvo Staff

1 year ago

You can try

3 more replies

Ziaul Kabir Staff

1 year ago

Hello AYTEC,

Thank you for reaching out to us.

As we do not provide customization services, you can achieve the desired result by adding custom CSS. Here is the guide for adding custom CSS: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta.

You can share your website url, where you add this structure.

If you need any further assistance with this, feel free to let us know.

Best regards,

Atick Eashrak Shuvo Staff

1 year ago

Hello AYTEC DIGITAL S.L.,

Thank you for reaching out to us. With the template and SP Page Builder, you have full flexibility to customize your design as desired, and our technical team is available to assist with any technical issues. However, please note that we do not provide personal customization or development support.

As a helpful starting point, I’ve included a custom Feature Box design within the hidden content box. You can import it into your page builder and duplicate it as needed. I hope this proves useful for your project.

Best regards

GREEN TAL S.A. Asked this

1 year ago

Hello,

I want to sincerely thank you for sending me the feature box; it has been incredibly helpful and is exactly what I was looking for.

However, I’d like to ask for your help once again. The feature box is perfect in terms of content and design, but I noticed that it doesn’t occupy all the available space, leaving several blank gaps around it. I’ve attached an image so you can see what I mean. Could you please suggest a solution to adjust it and make better use of the space?
https://prnt.sc/wnDF-NfQCXT4

Once again, I apologize for my lack of expertise in this area and appreciate your patience.

Thank you in advance for your help.

Best regards,

Atick Eashrak Shuvo Staff

1 year ago

Hello,

Thank you for your kind words, and I’m glad to hear that the feature box is working well for you!

To address the issue with the blank gaps, I suggest adjusting the padding or margin around the feature box. This should allow the box to make better use of the available space. You can experiment with reducing the padding or margin values to suit your preference and remove any unnecessary gaps.

Best regards

GREEN TAL S.A. Asked this

1 year ago

Hi ,

Thank you very much for your advice!

I was wondering—would using display: flex to make the content occupy 100% of the column be a good choice?

Thanks again for your help!

Best regards,
Virginia

GREEN TAL S.A. Asked this

1 year ago

Thanks!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Atick Eashrak Shuvo Staff

1 year ago

You are welcome