ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• December 30, 2016 at 6:39 am #308415
  ElizabethJones

  Member

  Post count: 32

  Hi,

  I am looking to create the icon boxes in this example: http://uplift.swiftideas.com/pages/about-us/

  I want the icon boxes to appear flush against each other, and fill the width of the page.

  I tried to figure it out using the page template for that page, but it doesn’t include that section (it’s got a SPB section with a video in the place of the icon boxes).

  Thanks!
  Elizabeth

  December 30, 2016 at 12:49 pm #308441
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try this page content.
  http://pastie.org/private/06fbuzg6txhtzp2iyjttaa

  -Rui

  December 31, 2016 at 5:12 am #308489
  ElizabethJones

  Member

  Post count: 32

  Hi Rui,

  That link gave me a 522 error.

  Elizabeth

  Attachments:

  You must be logged in to view attached files.
  January 1, 2017 at 11:14 pm #308516
  ElizabethJones

  Member

  Post count: 32

  Hi,

  I finally got the link to work and could access the code you provided, but I don’t know how to use what you provided to get the animated icon boxes I’m looking for. I tried to paste it into the text section of the default editor, but that didn’t work.

  Can you provide me with more detailed instructions on how to achieve the animated icon boxes found here: http://uplift.swiftideas.com/pages/about-us/

  Thanks!
  Elizabeth

  January 2, 2017 at 6:37 pm #308565
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  You just need to paste that page content in the classic editor(visual tab) and then change the the page builder mode and save.

  Will need the url to that page and some admin credentials to check it.
  Use the private reply.

  -Rui

  January 2, 2017 at 10:00 pm #308576
  ElizabethJones

  Member

  Post count: 32

  This reply has been marked as private.
  January 3, 2017 at 11:06 am #308622
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  I’m not understanding, I’m seeing the 4 images with the icons completely full-width.
  Check my screenshot, isn’t that what you are talking about? If not send me a screenshot of it.

  https://www.dropbox.com/s/4dyt6hylva29k2s/Screenshot%202017-01-03%2010.05.19.png?dl=0

  Thanks

  -Rui

  January 4, 2017 at 7:23 am #308765
  ElizabethJones

  Member

  Post count: 32

  Hi Rui,

  Nope, that’s not what I’m talking about. See screenshot of what I’m looking for.

  Thanks!
  Elizabeth

  Attachments:

  You must be logged in to view attached files.
  January 4, 2017 at 11:50 am #308788
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  It was missing 2 spb sections. Can you check again?

  -Rui

  January 5, 2017 at 4:08 am #308902
  ElizabethJones

  Member

  Post count: 32

  Thanks Rui – that worked!

  Elizabeth

  January 5, 2017 at 4:44 am #308905
  ElizabethJones

  Member

  Post count: 32

  I spoke too soon – I was able to achieve the effect I was after, but one of the icon boxes (Satisfaction) isn’t displaying as it should. The background colour is #ffffff when it should be #37474f per the Design Options selected.

  This is where it is displayed: http://northstarsharp.swiftgrid.net/ Same across multiple browsers.

  January 5, 2017 at 1:27 pm #308962
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  I just added some custom css to fix it.Check again your homepage.

  -Rui

• Back to forum

  Posted in: Uplift