1. SP Page Builder 3.x
  2. Friday, 28 August 2020
Very simple website. Top 2/3 is OK. Boxed Layout is Enabled. Rows are Fluid. Looks OK.

Bottom 1/3 is Not OK. Boxed Layout is Enabled. Rows are both Fluid and Not Fluid.

The Bottom Fluid rows are not contained in the Boxed Layout as they span the width of the screen and the Bottom Not Fluid rows are indented within the confines of the boxed layout.

I don't understand the difference? Screen shot attached

Developement site; http://ns1.usm53.siteground.biz/~afford20/totalpowerelectric.com/
Attachments (1)
Accepted Answer
Each row (section) use this class

 .container {
width: 1170px;}


from bootstrap

info_6017.jpg

you can override and modify the value. Basic CSS task.
Attachments (1)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # Permalink
Responses (5)
Thank you so much. I thought a boxed layout would keep everything in a box and couldn't see what I had done wrong. Thanks again.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 1
Hi Paul,

Thanks. Implemented. But how do I keep it within the blocked container so it is the same width as the top part of the website?
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 2
BTW
You have chosen the wrong forum category! You should use "Melvin" template not SP Page Builder.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 3
Hi,


#sp-section-4, #sp-section-5 {background: #453132;}
#sp-bottom {background-color: #872E30 !important;}
#sp-section-7 {background: black;}
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 4


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.