From 303e2c392150f16bee9f1da5003a0c5890eda108 Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Thu, 13 Jul 2017 10:44:01 -0400 Subject: [PATCH] Blog styles, font increase --- css/app.css | 51 ++++++++++++++++++++-------------------- header.php | 2 +- parts/blog-sidebar-r.php | 6 ++--- scss/_blog.scss | 38 +++++++++++++++--------------- scss/_main.scss | 7 +++--- scss/_sidebar.scss | 2 +- scss/_structure.scss | 4 ++-- 7 files changed, 56 insertions(+), 54 deletions(-) diff --git a/css/app.css b/css/app.css index d821c4b..555a7a9 100644 --- a/css/app.css +++ b/css/app.css @@ -7050,7 +7050,7 @@ main.page-front { main.page-front .blocks .block p { color: #888888; text-align: center; - font-size: 16px; } + font-size: 18px; } main.page-front .blocks .block .block-text a { color: #b32024; } main.page-front .blocks .block .block-readmore { @@ -7085,7 +7085,8 @@ main.page-front { font-family: "ingram-wide-2"; } main.page-front #main-content p { color: #888888; - font-family: "ingram-wide-2"; } + font-family: "ingram-wide-2"; + font-size: 18px; } main.page-front #mid { background: url(../assets/central-swing-full-image.jpg); background-size: cover; @@ -7114,10 +7115,10 @@ main.page-front { main.page-front #mid #golf p { color: #FFFFFF; margin-bottom: 10px; - font-size: 14px; } + font-size: 18px; } main.page-front #mid #golf a { color: #ffc742; - font-size: 14px; } + font-size: 18px; } main.page-inside img.orb-shadow { top: 0; } main #mid { @@ -7812,7 +7813,7 @@ body #glm-member-front-header .glm-button.button { color: #939598; margin: 0 0 12px; } .blog-feed-post p { - font-size: 0.8125rem; } + font-size: 1.125rem; } .blog-feed-post a.read-more { color: #FFFFFF; background: #ffc742; @@ -7832,20 +7833,20 @@ body #glm-member-front-header .glm-button.button { #searchform input[type="submit"].blogbutton { border-radius: 3px; color: #FFFFFF; - border: 2px solid #FFFFFF; + border: 0; font-weight: bold; font-size: 13px; - padding: 2px 5px; + padding: 5px 10px; margin-top: -10px; text-transform: uppercase; - background-color: #ffc742; + background-color: #444; box-shadow: 3px 3px 2px lightgrey; text-align: center; } #searchform input[type="submit"].blogbutton:hover { cursor: pointer; - background: #FFFFFF; - border: 2px solid #ffc742; - color: #ffc742; } + background: #666; + border: 0; + color: #FFFFFF; } #blog-posts-over article { padding-top: 10px; @@ -7854,7 +7855,7 @@ body #glm-member-front-header .glm-button.button { width: 100%; } #blog-posts-over article p { padding-bottom: 15px; - font-size: 13px; } + font-size: 18px; } #blog-posts-over article a.read-more { color: #FFFFFF; background: #ffc742; @@ -7894,9 +7895,11 @@ body #glm-member-front-header .glm-button.button { margin: 25px 0; } #blog-side-info { - background: #f4f9fd; + background: #f4f4f4; border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; } + border-bottom-right-radius: 12px; + padding: 40px 10px 20px; + border: none; } #blog-side-info #searchform { margin-bottom: 30px; } #blog-side-info p { @@ -7906,6 +7909,10 @@ body #glm-member-front-header .glm-button.button { font-size: 36px; margin: 0 auto; padding-bottom: 10px; } + #blog-side-info ul { + list-style-type: none; } + #blog-side-info ul li { + margin-bottom: 15px; } .blog-archive #head-img { margin: -280px auto 0; } @@ -7949,14 +7956,8 @@ body #glm-member-front-header .glm-button.button { width: 100%; } } -#blog-side-info { - padding: 40px 10px 20px; - background: #f4f9fd; - border: none; } - #blog-side-info ul { - list-style-type: none; } - #blog-side-info ul li { - margin-bottom: 15px; } +#addthis_wrapper { + margin-top: 10px; } .addthis_counter.addthis_pill_style { float: right; } @@ -7988,7 +7989,7 @@ a#calendar-link { max-width: 310px; float: right; padding: 25px 24px 11px; - background: #f4f9fd; + background: #f4f4f4; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } #sidebar #ai1ec-container .ai1ec-views-dropdown { @@ -8273,11 +8274,11 @@ img#orb-foot { background-color: transparent; } body { - font-size: 16px; } + font-size: 18px; } p, a { font-family: "ingram-wide-2"; - font-size: 16px; } + font-size: 18px; } h1 { font-family: "ingram-wide-2"; diff --git a/header.php b/header.php index b63191a..631414b 100644 --- a/header.php +++ b/header.php @@ -4,7 +4,7 @@ <?php wp_title(); ?> - + diff --git a/parts/blog-sidebar-r.php b/parts/blog-sidebar-r.php index 4c370c0..f822cd6 100644 --- a/parts/blog-sidebar-r.php +++ b/parts/blog-sidebar-r.php @@ -5,7 +5,7 @@ -

Recent Posts

+

Recent Posts

-

Categories

+

Categories

-

Archive

+

Archive

diff --git a/scss/_blog.scss b/scss/_blog.scss index 53fad61..2eccacf 100644 --- a/scss/_blog.scss +++ b/scss/_blog.scss @@ -145,7 +145,7 @@ margin: 0 0 12px; } p { - font-size: rem-calc(13); + font-size: rem-calc(18); } a.read-more { color: $white; @@ -169,20 +169,20 @@ #searchform input[type="submit"].blogbutton { border-radius: 3px; color: $white; - border: 2px solid $white; + border: 0; font-weight: bold; font-size: 13px; - padding: 2px 5px; + padding: 5px 10px; margin-top: -10px; text-transform: uppercase; - background-color: #ffc742; + background-color: #444; box-shadow: 3px 3px 2px lightgrey; text-align: center; &:hover { cursor: pointer; - background: $white; - border: 2px solid #ffc742; - color: #ffc742; + background: #666; + border: 0; + color: $white; } } #blog-posts-over article { @@ -192,7 +192,7 @@ width: 100%; p { padding-bottom: 15px; - font-size: 13px; + font-size: 18px; } a.read-more { color: $white; @@ -238,9 +238,11 @@ margin: 25px 0; } #blog-side-info { - background: #f4f9fd; + background: #f4f4f4; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; + padding: 40px 10px 20px; + border: none; #searchform { margin-bottom: 30px; } @@ -253,6 +255,12 @@ margin: 0 auto; padding-bottom: 10px; } + ul { + list-style-type: none; + li { + margin-bottom: 15px; + } + } } .blog-archive { #head-img { @@ -312,16 +320,8 @@ } } } -#blog-side-info { - padding: 40px 10px 20px; - background: #f4f9fd; - border: none; - ul { - list-style-type: none; - li { - margin-bottom: 15px; - } - } +#addthis_wrapper { + margin-top: 10px; } .addthis_counter.addthis_pill_style { float: right; diff --git a/scss/_main.scss b/scss/_main.scss index 7494dce..f7bf74c 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -87,7 +87,7 @@ main { p { color: $dark-grey; text-align: center; - font-size: 16px; + font-size: 18px; } .block-text a { color: $red; @@ -133,6 +133,7 @@ main { p { color: $dark-grey; font-family: "ingram-wide-2"; + font-size: 18px; } } #mid { @@ -165,11 +166,11 @@ main { p { color: $white; margin-bottom: 10px; - font-size: 14px; + font-size: 18px; } a { color: $gold; - font-size: 14px + font-size: 18px } } } diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss index 15a60fb..e8740b8 100644 --- a/scss/_sidebar.scss +++ b/scss/_sidebar.scss @@ -48,7 +48,7 @@ a#calendar-link { max-width: 310px; float: right; padding: 25px 24px 11px; - background: #f4f9fd; + background: #f4f4f4; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; @media (max-width: 1024px) { diff --git a/scss/_structure.scss b/scss/_structure.scss index 865be0e..612e094 100644 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -15,11 +15,11 @@ background-color: transparent; } body { - font-size: 16px; + font-size: 18px; } p, a { font-family: "ingram-wide-2"; - font-size: 16px; + font-size: 18px; } h1 { font-family: "ingram-wide-2"; -- 2.17.1