-
Hello,
Creating a new footer and had some questions;
1. How do I center the enitre main container?
2. What is the best way to reduce space between lines. When I used line height the lines overlap as the screen size is reduced.
3.Phone number and button – how do I make it look like they are are the same level, right now it looks likw the number is above the button
4. The three containers, how do I spread them out?Thanks!
-
Hi there,
The password doesn’t work, can you check?
-
Can you try again, that is the correct password (tried it on a different browser)
-
I can access the page now 🙂
1. How do I center the enitre main container?
Set the root container’smargin-leftandmargin-righttoauto.2. What is the best way to reduce space between lines. When I used line height the lines overlap as the screen size is reduced.
<p>tag comes with a defaultmargin-bottom, you can setmargin-bottomto a smaller value, eg. 10px for each of the text block to override the defaultmargin-bottom.3.Phone number and button – how do I make it look like they are are the same level, right now it looks likw the number is above the button
1) select the phone number text block, set html tag to
<div>instead of<p>, this removes the defaultmargin-bottom.2) select the parent container of the button and phone number, set its
displaytoflex,justify-contenttocenter.4. The three containers, how do I spread them out?
Select the parent container of the Grid (gb-element-a0be9391), set its
widthto100%. -
Awesome, thank you! One last question…on mobile view, how do I get the three Logos in the first container to go in a row?
-
I do not see logos, do you mean the 3 FB icons?
If so, remove the
1frfrom thegrid-template-columnsfield for the Grid block on mobile. -
Yes, that’s it…big thank you for your help!
-
No Problem 🙂
- You must be logged in to reply to this topic.