set height of content blocks
Permalink 1 user found helpful
Hello everyone. I'm new to Concrete5 and as with every new thing I encountered a little problem. Is there any way how to set exact height for content blocks? I'm able to go through HTML/CSS/PHP code, but I haven't found anything like that ...
To say what exactly I'm trying to achieve is to have 3 columns as section #1 with section #2 again with 3 columns. But that's not the problem. Problem starts when I want these sections to have exact height as well as blocks inside of these sections. I created sections by double using create 3 column layout. 2 of the columns in section #1 should be aswell divide to 2 rows, again easily achieved by add layout, but I want it to keep same height as coulmn one, but when I add anything it just goes way off and makes one column bigger than the other etc.
Any chance I could set exact size to the blocks in area or any other attributes to them?
Thanks a lot beforehand for answer.
To say what exactly I'm trying to achieve is to have 3 columns as section #1 with section #2 again with 3 columns. But that's not the problem. Problem starts when I want these sections to have exact height as well as blocks inside of these sections. I created sections by double using create 3 column layout. 2 of the columns in section #1 should be aswell divide to 2 rows, again easily achieved by add layout, but I want it to keep same height as coulmn one, but when I add anything it just goes way off and makes one column bigger than the other etc.
Any chance I could set exact size to the blocks in area or any other attributes to them?
Thanks a lot beforehand for answer.
I don't entirely follow your question but you can use the css height property to set a specific height on a div. Div's inside that div I think could either have height set to auto, inherit, or 100% to use the parent height.
Well yea I know I could do that by CSS height property, but well then where are the css styles of following content blocks defined? I have there 5 content blocks atm one should have height about 310px the other 2 are rows in next column and each should have height 155px with possibly overflow:hidden property so if I add a longer text it won't mess layout, but hide instead ... same goes for the 3rd column.
I know I can style main areas and text by main.css and typography.css of my theme, but there I can only style existing areas which are headerNav,header,main and footer. Not the dynamic content inside of them like editable areas through Concrete5.
I know I can style main areas and text by main.css and typography.css of my theme, but there I can only style existing areas which are headerNav,header,main and footer. Not the dynamic content inside of them like editable areas through Concrete5.
I'm not a 100% sure this is what you are looking for, but you can define block specific CSS by clicking the block and selecting the "design" menu option. Then click to the "CSS" tab and add your
to the "Additional CSS" text box. This will apply the rule to that block only.
-Guy
height:310px;
-Guy
damn yea, that's it ... Had to missed that a way off. Thank you.
You just made my day, Guy - thank you! :-)
Another one that you just made his day !!!
Thank you Guy !!! ^_^
Thank you Guy !!! ^_^