-
Posts
-
Hi There:)
Great Theme! thanks!
I am designing a web that should be at a big display screen on university department’s corridor – it will give the student information and messages from the department team and things like that.
The web page should be like this: http://tv.ph.biu.ac.il/wp-content/uploads/2017/01/Screens0.jpg
It should be stretch all over the screen exactly – width and height – no scrolling (its like on tv – no interaction with the user), and have the same structure as in the image above.What is the best to do it with enfold (must be at wordpress so the secretaries could update the data on their own)?
How to get this structure?
How can I prevent scrolling and get fixed height so the footer will be exactly at the bottom of the screen – not above, in the middle of the screen and not hidden below the screen?It will be great to hear from your experience what is the best way to achieve that…
Thanks a lot!!
RevitalHey RevitalT,
Try setting the container width to 100% in the theme options, then you should be able to use the layout elements as usual.
Best regards,
RikardThanks I will try it. Is there any option to make the structure like this:
http://tv.ph.biu.ac.il/wp-content/uploads/2017/01/Screens0.jpg?
I didn’t find the way to make two section in left and one on right… (the middle part of the above layout. The black on top and bottom is header and footer) Only horizontally layout…Can you please help me with that?
Thanks a lot!!Hi,
Please use the grid row section to achieve the layout you are looking for.
This will create default margins and padding to remove the gaps get in touch with us with a precise link to the page where we can inspect the elements in question.
Best regards,
VinayHi Vinay :)
Thank you! I used the grid – its almost there…
There is two things now:
1. How can I decline the height of the site to be always 100% so the footer will be on screen without scrolling?
.2 How can I make the left side about 70%-30% like in the layout here: http://tv.ph.biu.ac.il/wp-content/uploads/2017/01/Screens0.jpg
and the background color…Thanks!
RevitalHi,
1. To make the footer always visible on the page Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#main{ margin-bottom: 165px; } #footer, #socket { position: fixed; width: 100%; bottom: 0; left:0; right:0; z-index: 10000; }2. Not sure if you are using a sidebar, in case if you are using and would like to change the ration to 30% and 70% it can be done from Enfold > General Layout > Dimension
To add background colors Please enable custom css class name by placing a code snippet to your functions.php file as mentioned in this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Use the custom css class names to target individual blocks and add background color property to it.
If you are not using the sidebar you can achieve 30% and 70% ratio by using correct grid size or columns.
Best regards,
VinayThanks! The footer is great now! you are the best:)
About the layout – I’m using grid, 1/3-2/3.
Inside the 1/3 (left column) there is content slider and under it text block – those elements should be about 70-30 – so the left column will be split horizontally – top part ( content slider) 70% and bottom part ( text block) 30%.
(The light blue part On the left and the gray below it: http://tv.ph.biu.ac.il/wp-content/uploads/2017/01/Screens0.jpg )I cant make those part to be in a specific size, and not have specific background color for it (only to the whole grid column they are inside but it’s not what I want)
BTW – Will it be better to use the side bar than the grid?
hope you can help me to do that:)
Thanks!!
- You must be logged in to reply to this topic.