Fixed Column Height & Column Width

Yuri Thaddeus

• June 15, 2020 16:56

I understand that Brizy resizes column height based on the size of the content it contains, and resizes column width based on percentages. So, how can I create a column with a fixed height and width, regardless of the content size and without changing the padding or margin values?

I've tried editing the Custom CSS by selecting the individual columns, but nothing happened. Its unclear to me how to select specific elements when applying Custom CSS values, or how to add classes and / or ID to those elements before applying the CSS changes.

0

• 

  Sandra Prunici

  • June 16, 2020 07:14

  Hi Yuri,

  Yes, you are right. The column height is based on the content contain the entire row or block. It is a bit difficult to set a fixed/custom height to columns but I can recommend one tip. You can add inside the column, another column. By default will be placed 2 columns but you have to delete one. Therefore, you can add all content you need in that column. https://jumpshare.com/v/FulhRLWttEnYbMu2Jtvw

  Best regards,
  Sandra

  0
• 

  Karin Hergenhan

  • June 23, 2020 20:37

  I have a similar problem. I want the column to be fixed because I have added two buttons at the top of the menu on the right, at the moment the columns which contain the buttons resize the width with the window, and that means the one on the right slides on top of the other. I tried adding an internal column (adding two and deleting one), but although there is and another column inside the other, it still slides over the other one.

  0
• 

  Sandra Prunici

  • June 24, 2020 10:28

  Hi Karin,

  In your case, this happens because the Brizy builder creates responsive pages and if the device width is lower then it minifies the width of the content to make the page responsive. I could suggest you check the margin and padding added for buttons, columns and rows. They shouldn't have some big margin and padding. 
  Also, could you send us the URL link of the site?

  Best regards,
  Sandra

  0
• 

  Karin Hergenhan

  • June 30, 2020 08:59

  Hi Sandra,

  Yes thanks, I know that the menu is responsive.

  Because I need two buttons, I need a way to either fix the columns or otherwise make sure the buttons don't flow over each other. I can send you a link (but I cant find how to send a PM!)

  Thanks

  0
• 

  Sandra Prunici

  • June 30, 2020 10:10

  Hi Karin,

  You can send here the URL link and before approving it, I will delete it. It is important only to mention these details in your message and we will take it into consideration. Before approving your message is visible only for Community team and in such a way it is private.

  I suppose I understand your problem, you want that on mobile devices the buttons placed on top of the menu to be placed in a single row, correct me if I'm wrong. If I'm correct, to create this, you have to go to mobile mode and set the columns with buttons with 50% see this video https://jmp.sh/odw7Zi5

  Best regards,
  Sandra

  0
• 

  Karin Hergenhan

  • June 30, 2020 18:10

  For me it turned out much simpler.I had two buttons in two columns, when the columns got too small the buttons overlapped.

  I didn't realise in Brizy, you can simply put buttons side by s side by duplicating one.

  Now they are both in the same column side by side and there is no problem.

   

  0
• 

  Sandra Prunici

  • July 01, 2020 07:38

  Great to hear this!
  Let us know if we can help you with something else!

  Best regards,
  Sandra

  0

Please sign in to leave a comment.