G-block equal heights
-
-
- Shaun Goethals
- Newbie
- Posts: 5
- Thanks: 0
-
I am having trouble getting the blocks on my page to be equal heights. I am not a highly skill coder I can figure things out just need a little point in the right direction.
The code being used is below, I am happy to do a custom CSS or inline just need to get something working. Want these blocks to be equal height so they don't look all over the place.
<div class="g-grid">
<div class="g-block box-blue center size-33-3">
<div class="g-content ">
<span class="fa fa-envelope fa-3x"></span>
<h2 class="g-title">Email Support</h2>
<p>Collaboratively administrate empowered markets via available great networks.</p>
<a class="button button-3" href="mailto:test@domain.com.au?body=Please Note: Please provide as much information as possible with your support request, please also provide the following information:%0A%0AYour Name: %0A%0ACompany Name: ">Send Now</a>
</div>
</div>
<div class="g-block box-orange center size-33-3">
<div class="g-content ">
<span class="fa fa-phone fa-3x"></span>
<h2 class="g-title">Call Support</h2>
<p>Collaboratively administrate empowered markets via available great networks.</p>
<h3>1300 554 237</h3>
</div>
</div>
<div class="g-block box-grey size-33-3">
<div class="g-content ">
<div class="center"><span class="fa fa-cogs fa-3x"></span></div>
<div class="center"><h2 class="g-title">Client Login</h2></div class="center">
<form action=" www.autotask.net/ClientPortal/Login.aspx ?" method="get" target="_blank">
<ul>
<li>Submit a service request</li>
<li>Check status of a service request</li>
<li>View current & past invoices</li>
</ul>
<label for="input-login">Username: (Email address)</label>
<input class="text" id="input-login" name="Username" type="text" />
<label for="input-pwd">Password:</label>
<input class="text" id="input-pwd" name="Password" type="password" />
<input name="ci" type="hidden" value="000000" />
<input class="action" name="cmdLogin" type="submit" value="Login" />
<p class="action">
<a href="mailto:test@domain.com.au?subject=Portal Password Request - Critical&body=Please Note: This password process is not automated and it may take a few hours for you to receive your password. Thank you for your patience and your interest in using the IV4 Customer Portal. In order to create/reset your password, please provide the following information:%0A%0AYour Name: %0A%0ACompany Name: ">Request password</a>
</p>
</form>
</div>
</div>
</div>
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Could you please post a URL to your site (this can be done in the secure area tab if you prefer) so we can look for you. Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Shaun Goethals
- Newbie
- Posts: 5
- Thanks: 0
- Unfortunately this is being built on a non-live production server. What I am really looking for is how can i create a style to ensure the g-blocks all have the same height. Issue I am having is one is call support the other is email support and the third has a small login, because of this they all have completely different heights I just want them all to be the same size on the page.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
I really need to see your site to be able to advise you. Please can you get on the net (even if in offline mode on a test server) then I will be able to advise you.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.171 seconds