Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Page Styling Help?

Featured Lock Resolved Issue
Hello,

I'm hoping that someone can give me some guidance on creating a similar layout to that pictured in the "nisku-layout.jpg" image?

I've tried using the following on a duplicate copy of Helix Ultimate that I have assigned to several internal pages of my site. The main pages are using a boxed layout 1350px wide. However, I'm wanting my internal pages to look like the example I've provided above.

The following custom code was used within this second copy of Helix Ultimate, but I'm not getting the results I'm looking for as shown in the image "cic-my-results.jpg"


.container { max-width: 1350px; }
body.helix-ultimate .sppb-row-container { max-width: 100%; }
.sppb-row-container { width: 100%; }
}


Appreciate it anyone could give me some pointers to get me going in the right direction?

Sorry if this is posted in the wrong area. I don't know if this is best achieved by the template, or by functions within SP Page Builder.

Thanks in advance!

Attachments (2)

  • nisku-layout.jpg
    nisku-layout.jpg 412 KB
  • cic-my-results.jpg
    cic-my-results.jpg 243.7 KB

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Please check the screenshot

http://prntscr.com/npq1n8
http://joomlalover.net/joomla/

-Thanks

[email protected]

More than a month ago #Permalink
Hi there,

Thanks for your query. Please check the screenshot

http://prntscr.com/npq1n8
http://joomlalover.net/joomla/

-Thanks


Thank you Toufiq,

To clarify, are you just suggesting using various add-ons to achieve a similar look, or is this a block of some type?
If so, can you please tell me which block you are referencing please?

I don't think that this will allow me to achieve what I've posted above.
I'm looking to have the page divided into two, with roughly one third dedicated to the image, then the right side of the page a mix of Joomla and Page Builder content.

If you notice in my screenshot, the image registration is tight to the left/top/bottom borders - and Joomla content (ie; breadcrumbs) is falling at the top of the right div, followed by further page content.

Thanks kindly for your suggestions. I welcome any further input you might have to share.

[email protected]

More than a month ago #Permalink
Hello Toufiq et all,

I've had better results continuing to use the custom override on the template I displayed above, and using negative values for margins & padding within Page Builder elements. However, I can't seem to get rid of the blank space to the left of my image (my-results2.png) to have this register tight against the pages left-hand border (sorry, CSS is not my strong point :( )

Can anyone give me some feedback on how to achieve similar results to the second image I have posted? (nisku-layout.jpg)

Attachments (2)

  • my-results2.png
    my-results2.png 942.6 KB
  • nisku-layout.jpg
    nisku-layout.jpg 412 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. Maybe you didn't look carefully which add-ons used there. Please have a look at the screenshot.

http://prntscr.com/npq1n8

-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 134
Sifat

Sifat

Total Accepted Answers: 87
Toufiq

Toufiq

Total Accepted Answers: 69
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293232

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us