Site Branding tweaking: https://community.getbeans.io/discussion/twea…

…king-the-site-branding/

functions,php, style.less

functions.php

@@ -31,6 +31,22 @@ function beans_child_enqueue_assets() {
  * Customisations start here.
  */
 
+// Tweaking the site title tag text
+beans_add_attribute( 'beans_site_title_tag', 'class', 'uk-text-center');
+beans_add_attribute( 'beans_site_title_tag', 'class', 'uk-margin-top');
+beans_add_attribute( 'beans_site_title_tag', 'class', 'uk-text-break');
+beans_replace_attribute( 'beans_site_title_tag', 'class', 'uk-text-muted', 'uk-text-success' );
+// beans_remove_attribute( 'beans_site_title_tag', 'class', 'uk-text-small' );
+
+// Adding tel: link to beans_site_title_tag.
+add_action( 'beans_site_title_tag_append_markup', 'mk_site_title_tag_append_markup' );
+
+function mk_site_title_tag_append_markup() {
+
+	echo ' - bel <a href="tel:1-562-867-5309">562-867-5309</a>';
+
+}
+
 // Add Smooth Scroll.
 add_action( 'beans_uikit_enqueue_scripts', 'smooth_scroll_enqueue_uikit_assets' );
 

style.css

@@ -9,13 +9,3 @@ Text Domain: tm-beans
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */
-
-/* Site Branding modification
- ========================================================================== */
-
-.tm-site-branding a {
-    color: #00a8e6;
-}
-
-.tm-site-title-tag
-

style.less

@@ -2,6 +2,11 @@
  * In this file, you may style your site using CSS or LESS as well as overwrite UIkit LESS variables.
  * Make sure to enable development mode via the Admin->Appearance->Settings option while working on your website. LESS will then be processed on the fly.
  */
+
+/* Font
+ ========================================================================== */
+
+@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville|Lato);
 
 // Variables modifiers
 
@@ -22,22 +27,22 @@
  ========================================================================== */
 
 .hook-navbar-nav() {
-  text-transform: uppercase;
-  /* text-transform: none;  */
+  /* text-transform: uppercase;  */
+  font-family: 'Libre Baskerville', serif;
 }
 
 /* Adjust the menu position */
 nav.tm-primary-menu {
   position: relative;
-  top: 2px;
+  top: 6px;
 }
 
 /* Add dropdown icon */
-.uk-navbar-nav > li[data-uk-chevron-down] > a i {
+.uk-navbar-nav > li[data-uk-dropdown] > a i {
   position: absolute;
-  left: 50%;
+  left: 45%;
   margin-left: -5px;
-  top: 27px;
+  top: 31px;
 }
 
 /* Nav dropdown modification
@@ -65,6 +70,7 @@ nav.tm-primary-menu {
 
 	.uk-nav a {
 		color: @base-link-color;
+		font-family: 'Lato', sans-serif;
 		padding-top: 9px;
 		padding-bottom: 9px;
 
@@ -99,3 +105,33 @@ nav.tm-primary-menu {
     border-bottom: 2px solid @global-primary-background;
 }
 
+/* Site Branding modification
+ ========================================================================== */
+
+.tm-site-title-tag a:link {
+	color: @text-success-color;
+	font-family: 'Lato', sans-serif;
+	font-size: @text-small-font-size;
+	line-height: @text-small-line-height;
+
+	&:hover,
+	&:active {
+		color: @base-link-color;
+		background-color: #fff;
+	}
+}
+
+.tm-site-branding a {
+	color:  @text-primary-color;
+	font-family: 'Libre Baskerville', serif;
+	font-weight: 400;
+	&:active {
+		position: relative;
+		margin-top: -1px;
+	}
+}
+.tm-site-branding a:active {
+	position: relative;
+	bottom: -1px;
+}
+