Can't Get "Hero 1" To Span L/R - Question | JoomShaper

Can't Get "Hero 1" To Span L/R

JP

Jeff Popkin

SP Page Builder 1 year ago

I created a module using PageBuilder, used the template "hero 1" to market something on the homepage. I went into my template and loaded the module into a section that could span the site width 100%, max-width is 1920px. When I look at the template positions, or add a border to the section, you can clearly see that it is intended to fit and span the width of the page. Upon inspection I can see that this rule appears to be what is blocking it. If I change it to 1920 in the inspection tool of browser it will in fact span. However, no matter where I add it in custom css allows the change to work, it still shows the 1320 and limits the spanning. How do I fix?

.sppb-row-container { max-width: 1320px; }

url: https://bostoneventguide.com - module on homepage

0
3 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #157162

Hello Jeff Popkin

Please share a screenshot of your issue to understand it better. Take a screenshot and share via any platform. For example: Lightshot or Imgur

Best regards

0
JP
Jeff Popkin
Accepted Answer
1 year ago #157234

please view in order

  1. https://imgur.com/Iqkwknx < -- Layout position created in template to span white area
  2. https://imgur.com/vn8alOe <-- Using the inspection tool I found the style that was restricting the span
  3. https://imgur.com/yZ59foi <-- Made the adjustment to the style to see if it would span, and it did
  4. https://imgur.com/i7MyVOp <-- added the change to the custom css, but the module ignores it and does not span.
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #157328

You can try this CSS to

.sppb-row-container { 
    max-width: 1320px !important;
}
0