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: Cardinal
• August 23, 2015 at 5:00 am #206469
  lbdesign

  Member

  Post count: 136

  I am trying to make a page with a series of rows.
  Each row has three 1/3 width items: a boxed text element, and two image elements. The images are the same height.
  The boxed text floats vertically by default in the middle of the row. I want to color the box and have the text box color background fill to the same height as the other items in the row (the two pictures). I’m attaching two pictures showing the layout elements, and the resulting output. You can see the background color of the boxed text box doesn’t extend to the top or bottom of the row.

  How can I get the background fill of the boxed content to extend to the top and bottom of the row?

  thank you.

  Attachments:

  You must be logged in to view attached files.
  August 24, 2015 at 4:55 pm #206873
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you provide that page url and admin credentials so I can give it a try?
  Use the private reply.

  -Rui

  August 25, 2015 at 4:13 am #206996
  lbdesign

  Member

  Post count: 136

  This reply has been marked as private.
  August 25, 2015 at 6:47 am #207010
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I am getting this error.
  ACCOUNT PENDING: Your account is currently not active. An administrator needs to activate your account before you can login.

  Thanks
  Mohammad

  August 26, 2015 at 6:10 pm #207845
  lbdesign

  Member

  Post count: 136

  Sorry, there’s extra security I forgot about. It’s fixed, please try again.

  August 27, 2015 at 6:27 am #207940
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have resolved the issue so please check it now.
  Thanks
  Mohammad

  August 27, 2015 at 4:25 pm #208202
  lbdesign

  Member

  Post count: 136

  Thanks! I see you set a minimum height for the text box with border. That works great on desktop, but leaves extra room when the window shrinks for phones/smaller devices. If the min height is the only CSS fix, should I revert to using a background image to create the color instead?

  August 27, 2015 at 4:36 pm #208206
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  You can place Mohammad code inside the media query below, this way it will only be active in resolution higher than 1024.

  @media only screen and (min-width: 1024px) {
  
  /*place the code here and remove this line*/
  
  }

  -Rui

  August 27, 2015 at 4:39 pm #208208
  lbdesign

  Member

  Post count: 136

  Oh, that’s better than my idea! Thanks all!

  August 28, 2015 at 7:31 am #208333
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  We are glad 🙂 that your issue resolved.
  Thanks
  Mohammad

• Back to forum

  Posted in: Cardinal