Question about pay layouts / margins

full screen margins

- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  
  Hello,
  
  I’m trying to replicate the transport demo (https://codeless.co/handel/transport/) home page. After the home slider, the next rows have margins were they aren’t ‘full screen’, which I like. I’ve tried playing with various row dimensions, etc but it always makes it full screen, see here – https://z1u.dd4.myftpupload.com/. How can I move the content (images, text, etc) to be more in the middle of the page versus going full screen?
  
  Thanks,
  
  Scott
- 6 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  Please go to the Customize Page & Options > Page Settings > Page Options > Page Layout, and make sure it’s set to “Default” and the “Page Fullwidth Content” is set OFF. See screenshot: https://postimg.org/image/tlxby4ud1/
  If you still can not manage to remove the fullwidth, please send us some valid wp credentials in a private reply. So we can give it a closer look.
  
  Best regards!
- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  Thank you.
  
  In this demo – https://codeless.co/handel/<wbr />transport/ – how do I get the images below the slider to be partially in the slider and partially in the next row down (ie the cargo, air transport images)?
  
  And how do I remove the ‘leave a reply’ section at the bottom of the home page – https://z1u.dd4.myftpupload.com/ ?
  
  This reply was modified 6 years, 8 months ago by sraspa.
  
  This reply was modified 6 years, 8 months ago by sraspa.
- 6 years, 8 months ago Mirela
  Participant
  Hello,
  
  The gab between the slider and first row is created using padding. In the Row settings > Design, Add padding like in this screenshot: https://postimg.org/image/3tbpqhzb9/ to have it the same as the one of the demo online.
  
  -Add this code into Additional Css menu, to remove the comments section:
  
  #comments { display: none; }
  
  Let us know.
  
  Best regards!
- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  
  I’ve tried to address this gap between rows however I’m unable to click on “Row” to change settings. When I mouse over the section, the “Row” icon appears…
  
  You can see it in the upper left corner. You can also see “Text icon” in upper right.
  
  But when I move my mouse out of the row to click on either one of these….
  
  They disappear and I’m unable to edit them. So I can’t edit row or the phone number.
  
  I’ve tried to also edit the row from the Pages > Home and edit the Row design…
  
  But nothing happens.
- 6 years, 8 months ago Mirela
  Participant
  Hello,
  
  That’s because the second ‘row settings’ belong to Visual composer. That’s another plugin and has different elements.
  Please add this code into your Additional css menu:
  
  .cl_controls { display: block !important; opacity: 1 !important; }
  
  It will make the controls visible the entire time so you can click easily on them. We will improve this feature in the next theme update!
  
  Let me know.
  
  Best regards!
- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  
  So I added that CSS.
  
  I removed the Visual Composer plugin and tried starting from scratch. I started to build out the home page but the Codeless Builder wouldn’t let me add the Revolution Slider I created. I added it on the Pages > Home side and not through the Codeless Builder. But when I went back to the codeless builder to remove that row which had the Revolution slider error, it removed EVERYTHING on the home page and now when I try to go back into the Codeless Builder, the Welcome to Codeless Builder page just stays on the screen and has the spinning wheel. Nothing else happens.
- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  
  Still can’t access the Appearance > Customize section. Nothing happens after “Welcome to Codeless Builder”. Is there a way to deactive the codeless builder, reactivate the Visual Composer and just use Visual Composer to build the site?
- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  
  Any update on this? I can’t currently access the Appearance > Customize portion of the site.
- 6 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  I set up the page header in page “10 Reasons to choose us” and margin of first row in homepage using Codeless Builder. See screenshot:https://postimg.org/image/8a4kwejx1/
  It had no issue.
  I suggest you access the Codeless Builder via page options for more speed access. Screenshot: https://postimg.org/image/a37hkaa45/
  
  Best regards!
- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  
  thank you.
  
  I’m able to go in and change the text on these home page slides but what about the background images? How do I change the background image on each slide?
  
  And, I see the margin’s are set so the second row (below the slider) comes up into the slider (overlaps) but when I go to the homepage, they aren’t displaying the same way on the first slide…
  
  You can see that there ins’t any overlap with the second row images. But when I change to slide #2, the images do overlap…
- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  
  Sorry, that last image should have been…
  
  This is slide #2. You can see the images at the bottom overlap.
- 6 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  1-To change the slider’s background image, you need to go to the slide’s options, open Row settings > Design > Background image. See the screenshot for more:
  https://postimg.org/image/5xtd739l1/
  
  2-The slier image are not in the same height. That is why some are showing the result you want and some are too up to have the second row overlap. Please make sure to upload images of the same height for the slider first.
  Let us know.
  
  Best regards!
- 6 years, 8 months ago sraspa
  Participant
  
  Expired
  
  thank you!