diff options
author | Sojon <sojonatmail@gmail.com> | 2021-07-06 10:23:21 +0300 |
---|---|---|
committer | Sojon <sojonatmail@gmail.com> | 2021-07-06 10:23:21 +0300 |
commit | 2ce167507139437ac4bc3f6e88931496529e05ca (patch) | |
tree | 63062a54877e4c444601c35eb6b06e928c182a39 | |
parent | bc9a61a0aa42ddd35cf38f00c681bede15151573 (diff) |
newsletter form style fix, favicon added, small css fix added
-rw-r--r-- | LICENSE | 2 | ||||
-rw-r--r-- | exampleSite/config.toml | 4 | ||||
-rw-r--r-- | exampleSite/static/images/favicon.png | bin | 0 -> 3299 bytes | |||
-rw-r--r-- | layouts/partials/subscription.html | 8 | ||||
-rw-r--r-- | static/css/main.css | 24 |
5 files changed, 30 insertions, 8 deletions
@@ -1,6 +1,6 @@ MIT License -Copyright (c) 2020 Themefisher +Copyright (c) 2021 Themefisher Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 6c7b2fe..aee6b47 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,5 +1,5 @@ ######################## default configuration #################### -baseURL = "http://example.org/" +baseURL = "https://demo.gethugothemes.com/restaurant/" languageCode = "en-us" title = "Restaurant Hugo" theme = "restaurant-hugo" @@ -82,7 +82,7 @@ google_analitycs_id = "Your ID" # mainSections main_sections = ["post"] # copyright -copyright = "Copyright © 2020 Designed by [Themefisher](https://themefisher.com) & Developed by [Gethugothemes](https://gethugothemes.com)" +copyright = "Copyright © 2021 Designed by [Themefisher](https://themefisher.com) & Developed by [Gethugothemes](https://gethugothemes.com)" # Preloader [params.preloader] diff --git a/exampleSite/static/images/favicon.png b/exampleSite/static/images/favicon.png Binary files differnew file mode 100644 index 0000000..fdc6b25 --- /dev/null +++ b/exampleSite/static/images/favicon.png diff --git a/layouts/partials/subscription.html b/layouts/partials/subscription.html index bb7c1fc..3d492c0 100644 --- a/layouts/partials/subscription.html +++ b/layouts/partials/subscription.html @@ -26,10 +26,12 @@ <form action="{{ .form_action | safeURL }}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> - <div class="mc-field-group"> + <div class="mc-field-group text-left"> <label for="mce-EMAIL">Email Address</label> - <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> - <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"> + <div class="d-flex"> + <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> + <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"> + </div> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> diff --git a/static/css/main.css b/static/css/main.css index 4096a2d..1dda054 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -529,6 +529,10 @@ nav .block .navbar-default .navbar-nav>.active>a:hover:before { color: #fff; } +.mc-field-group .d-flex { + display: flex; +} + #mc_embed_signup .mc-field-group input.email { background: #fff; opacity: 0.9; @@ -537,13 +541,12 @@ nav .block .navbar-default .navbar-nav>.active>a:hover:before { border-radius: 0; width: 75%; display: inline-block; - float: left; outline: none; + padding: 0 15px; } #mc_embed_signup .mc-field-group input.button { height: 65px; - float: left; display: inline-block; width: 25%; margin: 0; @@ -560,6 +563,23 @@ nav .block .navbar-default .navbar-nav>.active>a:hover:before { -o-transition: .3s all; transition: .3s all; } +@media only screen and (max-width: 991px) { + #mc_embed_signup .mc-field-group input.email { + width: 70%; + } + #mc_embed_signup .mc-field-group input.button { + width: 30%; + } +} +@media only screen and (max-width: 768px) { + .mc-field-group .d-flex { + display: block; + } + #mc_embed_signup .mc-field-group input.email, + #mc_embed_signup .mc-field-group input.button { + width: 100%; + } +} .subscription-form #mc_embed_signup #mce-success-response { color: #fff; |