[gnome-web-www] Add bottom margin for frontpage buttons, only on mobile views
- From: Tom Tryfonidis <tomtryf src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-web-www] Add bottom margin for frontpage buttons, only on mobile views
- Date: Wed, 25 Jan 2017 11:15:38 +0000 (UTC)
commit a652db46c62f4f27663fb338eee8a6ce5e1f4585
Author: Tom Tryfonidis <tomtryf gnome org>
Date: Wed Jan 25 13:13:24 2017 +0200
Add bottom margin for frontpage buttons, only on mobile views
theme/css/responsive.css | 3 +++
theme/page-newhome.php | 4 ++--
2 files changed, 5 insertions(+), 2 deletions(-)
---
diff --git a/theme/css/responsive.css b/theme/css/responsive.css
index f0ab9cf..bb1b0b1 100644
--- a/theme/css/responsive.css
+++ b/theme/css/responsive.css
@@ -123,6 +123,9 @@
-webkit-column-count: 1;
column-count: 1;
}
+ .btn-xs-margin-bottom {
+ margin-bottom: 8px;
+ }
}
@media (min-width:768px) and (max-width: 991px){
diff --git a/theme/page-newhome.php b/theme/page-newhome.php
index f226654..1e583c2 100644
--- a/theme/page-newhome.php
+++ b/theme/page-newhome.php
@@ -24,11 +24,11 @@ add_action('wp_head', function() {
<p><?php echo get_theme_mod( 'featured_subheading');?></p>
<div class="col-md-12">
<?php if ( get_theme_mod( 'featured_button_url_1' ) ) : ?>
- <a class="btn btn-default" href="<?php echo esc_url( get_page_link(
get_theme_mod('featured_button_url_1'))) ?>"><?php echo esc_html( get_theme_mod( 'featured_button_text_1'))
?></a>
+ <a class="btn btn-default btn-xs-margin-bottom" href="<?php echo esc_url(
get_page_link( get_theme_mod('featured_button_url_1'))) ?>"><?php echo esc_html( get_theme_mod(
'featured_button_text_1')) ?></a>
<?php endif; ?>
<?php if ( get_theme_mod( 'featured_button_url_2' ) ) : ?>
- <a class="btn btn-default" href="<?php echo esc_url( get_page_link(
get_theme_mod('featured_button_url_2'))) ?>"><?php echo esc_html( get_theme_mod( 'featured_button_text_2'))
?></a>
+ <a class="btn btn-default btn-xs-margin-bottom" href="<?php echo esc_url(
get_page_link( get_theme_mod('featured_button_url_2'))) ?>"><?php echo esc_html( get_theme_mod(
'featured_button_text_2')) ?></a>
<?php endif; ?>
</div>
</div>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]