diff --git a/assets/scss/common-classes/_genesis.scss b/assets/scss/common-classes/_genesis.scss index e645806..9f035c6 100644 --- a/assets/scss/common-classes/_genesis.scss +++ b/assets/scss/common-classes/_genesis.scss @@ -24,7 +24,7 @@ } .archive-description { - margin-bottom: 40px; + margin-bottom: 60px; @include breakpoint( sm ) { margin-bottom: 60px; @@ -43,13 +43,20 @@ .author-box { margin-bottom: 40px; + padding: 30px; + text-align: center; @include breakpoint( sm ) { - margin-bottom: 60px; - padding: 30px; + margin: 0 -70px 60px; + padding: 60px; background-color: $author-box--background-color; } + .avatar { + float: none; + margin: 0 auto 20px; + } + p:last-child { margin-bottom: 0; } diff --git a/assets/scss/content-area/_entry-content.scss b/assets/scss/content-area/_entry-content.scss index cbed268..f0617f2 100644 --- a/assets/scss/content-area/_entry-content.scss +++ b/assets/scss/content-area/_entry-content.scss @@ -1,3 +1,86 @@ +/* Featured Images +--------------------------------------------- */ + +.yeuchaybo-featured-image { + margin: 0 0 24px; + padding: 0; + position: relative; + z-index: 1; + &:before { + background: #f4f4f4; + content: ""; + left: -30px; + height: calc(100% + 20px); + position: absolute; + top: 30px; + width: calc(100% + 60px); + z-index: -1; + + .single & { + height: calc(100% + 45px); + } + } + img { + box-shadow: 0 16px 65px rgba(0,0,0,.18); + vertical-align: middle; + -webkit-transition: transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99); + -moz-transition: transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99); + -ms-transition: transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99); + -o-transition: transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99); + transition: transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99); + transform: translate3d(0,0,0); + } + a:hover img { + box-shadow: 0 6px 15px rgba(0,0,0,.30); + transform: translate3d(0,10px,0); + } +} + + + +.yeuchaybo-grid.archive:not(.woocommerce-page) .yeuchaybo-featured-image::before { + height: calc(100% + 10px); +} + +.sidebar-content.single .yeuchaybo-featured-image::before { + left: auto; + right: 0; +} + +.featuredpost .alignnone { + margin-bottom: 24px; +} + +.yeuchaybo-featured-image.yeuchaybo-image-alignleft { + float: left; + margin: 0 24px 24px 0; +} + +.yeuchaybo-featured-image.yeuchaybo-image-alignright { + float: right; + margin: 0 0 24px 24px; +} + +.yeuchaybo-featured-image.yeuchaybo-image-alignleft img, +.yeuchaybo-featured-image.yeuchaybo-image-alignright img { + margin: 0; +} + +.has-featured-image .content { + margin-top: 24px; +} + +.has-featured-image .content, +.has-featured-image .sidebar, +.has-post-thumbnail .entry-content, +.has-post-thumbnail .entry-header { + position: relative; + z-index: 2; +} + + + + /* ## Entry Content --------------------------------------------- */ @@ -13,6 +96,23 @@ } } +.entry-header { + h1.entry-title { + letter-spacing: -2px; + @include breakpoint(sm) { + font-size: $entry-title--font-size * 1.5; + } + } + .single.full-width-content .content article > & { + //.page.full-width-content & + text-align: center; + margin-bottom: 30px; + @include breakpoint(sm) { + margin: 0 -70px 40px; + } + } +} + .entry-content { p { @@ -81,3 +181,72 @@ padding: 30px; background-color: $sticky--background-color; } + + +/* Grid Entries +--------------------------------------------- */ + +.yeuchaybo-grid-2.archive:not(.woocommerce-page), +.yeuchaybo-grid-2.blog:not(.woocommerce-page) { + .content { + display: flex; + flex-wrap: wrap; + .entry { + flex: 1 1 100%; + margin-bottom: 80px; + @include breakpoint(sm) { + flex: 0 1 calc( (100% - 60px) / 2); + margin-left: 60px; + } + .entry-title { + font-size: 32px; + } + } + + .entry:nth-of-type(2n+1) { + margin-left: 0; + } + } + .entry-header { + margin-bottom: 24px; + } + .entry-content p { + margin-bottom: 12px; + } + .pagination { + flex: 1 1 100%; + } +} + +.yeuchaybo-grid-3.archive:not(.woocommerce-page), +.yeuchaybo-grid-3.blog:not(.woocommerce-page) { + .post-listing, + .content { + display: flex; + flex-wrap: wrap; + .entry { + flex: 1 1 100%; + margin-bottom: 80px; + @include breakpoint(sm) { + flex: 0 1 calc( (100% - 120px) / 3); + margin-left: 60px; + } + .entry-title { + @include archive-veentry-title; + } + } + + .entry:nth-of-type(3n+1) { + margin-left: 0; + } + } + .entry-header { + margin-bottom: 24px; + } + .entry-content p { + margin-bottom: 12px; + } + .pagination { + flex: 1 1 100%; + } +} \ No newline at end of file diff --git a/assets/scss/content-area/_entry-meta.scss b/assets/scss/content-area/_entry-meta.scss index 28df499..22af8f4 100644 --- a/assets/scss/content-area/_entry-meta.scss +++ b/assets/scss/content-area/_entry-meta.scss @@ -3,10 +3,8 @@ .entry-meta { - p { - margin-bottom: 0; - font-size: $entry-meta--font-size; - } + margin-bottom: 0; + font-size: $entry-meta--font-size; .entry-header & { margin-bottom: 20px; diff --git a/assets/scss/defaults/_headings.scss b/assets/scss/defaults/_headings.scss index 7904684..6ec4f10 100644 --- a/assets/scss/defaults/_headings.scss +++ b/assets/scss/defaults/_headings.scss @@ -9,7 +9,7 @@ h5, h6 { margin: 0 0 20px; font-family: $heading--font-family; - font-weight: $font-weight--regular; + font-weight: $font-weight--semibold; line-height: $line-height--small; } diff --git a/assets/scss/defaults/_typographical-elements.scss b/assets/scss/defaults/_typographical-elements.scss index 240457e..49742f9 100644 --- a/assets/scss/defaults/_typographical-elements.scss +++ b/assets/scss/defaults/_typographical-elements.scss @@ -19,7 +19,7 @@ body { font-family: $body--font-family; font-size: $body--font-size; font-weight: $font-weight--regular; - line-height: $line-height--normal; + line-height: $line-height--large; &.page-boxed { max-width: map_get($breakpoints, md); @@ -42,7 +42,7 @@ textarea:focus, a { color: $link--font-color; - text-decoration: underline; + text-decoration: none; transition: color $transition, background-color $transition; &:focus, diff --git a/assets/scss/plugins/_display-featured-image.scss b/assets/scss/plugins/_display-featured-image.scss new file mode 100644 index 0000000..3fb81a7 --- /dev/null +++ b/assets/scss/plugins/_display-featured-image.scss @@ -0,0 +1,135 @@ +/* ## Display Featured Image for Genesis +--------------------------------------------- */ + +.has-leader { + .site-inner { + margin-top: 0; + } +} +.big-leader { + overflow: visible !important; + height: 600px; + position: relative; + margin-bottom: 60px; + max-height: 400px; + .wrap { + /*background: $overlay;*/ + height: 100%; + padding: 30px; + display: flex; + justify-content: center; + } + .entry-title.featured-image-overlay { + color: #fff; + text-align: center; + } + .archive-title.featured-image-overlay { + color: #fff; + text-align: center; + } + .excerpt { + margin-bottom: 0; + padding: 0; + background: transparent; + text-align: center; + color: #FFF; + max-width: 760px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + } + .archive-description { + .archive-title { + font-size: 30px; + font-weight: 700; + text-transform: uppercase; + @include breakpoint(sm) { + font-size: 60px; + } + } + margin-bottom: 0; + padding: 0; + background: transparent; + text-align: center; + color: #FFF; + max-width: 760px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + } + p { + margin-top: 18px; + margin-bottom: 0; + } +} +.backstretch.no-js { + background-size: cover; + height: 600px; +} +.home { + .big-leader { + p { + margin-top: 0; + &:last-child { + margin-bottom: 0; + } + } + } +} +img.featured { + max-width: 100%; +} +@media only screen and (max-width: 768px) { + .big-leader { + height: 300px; + } + .backstretch.no-js { + height: 300px; + } +} + + +.big-leader { + + &:before { + background: #f4f4f4; + content: ''; + left: -30px; + height: calc(100% + 20px); + position: absolute; + top: 30px; + width: calc(100% + 60px); + z-index: -999999; + } + + + + .entry-header { + margin: 0 auto; + max-width: 100%; + background: rgba(255,255,255,0.85); + margin-bottom: 30px; + } + .entry-title.featured-image-overlay { + background: transparent; + padding: 24px; + max-width: 1200px; + margin: 0 auto 0px; + text-align: center; + color: #5b5e5e; + } + .entry-meta { + text-align: center; + padding-bottom: 24px; + margin-top: 0; + font-size: 14px; + font-size: 1.4rem; + } +} +@media only screen and (max-width: 800px) { + .big-leader { + height: 300px !important; + } +} diff --git a/assets/scss/plugins/_event-manager.scss b/assets/scss/plugins/_event-manager.scss new file mode 100644 index 0000000..7867006 --- /dev/null +++ b/assets/scss/plugins/_event-manager.scss @@ -0,0 +1,115 @@ +/* ## Event Manager +--------------------------------------------- */ + +.single-event { + /*&.full-width-content .content { + max-width: 100%; + }*/ + .event-info-wrapper { + margin: 0 auto 40px; + display: flex; + flex-wrap: wrap; + @include breakpoint(md){ + box-shadow: $box-shadow; + } + .event-left { + box-shadow: $box-shadow; + flex: 1 1 100%; + padding: 20px; + text-align: center; + margin-bottom: 20px; + p { + margin-bottom: 15px; + } + @include breakpoint(md) { + box-shadow: none; + flex: 1 1 60%; + padding: 60px; + text-align: unset; + margin: 0 auto 0px; + max-width: 760px; + } + a ion-icon { + border-radius: 50%; + background: #8c8c8c; + font-size: 16px; + padding: 10px; + color: #FFF; + margin-right: 10px; + &:hover { + background: red; + } + } + } + .event-right { + flex: 1 1 100%; + text-align: center; + @include breakpoint(md) { + flex: 1 1 30%; + } + } + .event-map { + flex: 1 1 100%; + margin-top: 30px; + max-height: 100%!important; + height: 300px; + @include breakpoint(md) { + flex: 1 1 40%; + margin-top: 0; + height: 100%; + } + } + .event-register { + text-align: center; + margin-top: 40px; + flex: 1 1 100%; + } + } + .event-meta { + margin-bottom: 20px; + > span { + padding: 0 10px; + } + .event-location:before { + font-family: ionicons; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + content: "\f455"; + margin-right: 10px; + } + .event-start-date:before { + font-family: ionicons; + content: "\f3f3"; + margin-right: 10px; + } + } + .event-hero { + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; + .wrap { + display: flex; + flex-wrap: wrap; + align-items: center; + flex-direction: column; + min-height: 80vh; + text-align: center; + justify-content: center; + color: #FFF; + .entry-title { + font-size: 5.2rem; + } + } + } + + .event-button { + a + a { + margin-left: 10px; + } + .button.register { + background: $cta; + } + } + +} diff --git a/assets/scss/plugins/_gfpc.scss b/assets/scss/plugins/_gfpc.scss new file mode 100644 index 0000000..95f5f8e --- /dev/null +++ b/assets/scss/plugins/_gfpc.scss @@ -0,0 +1,10 @@ +/* ## Genesis Featured Post Combo +--------------------------------------------- */ +.site-footer .gfpc-featured-posts { + .entry-title { + font-size: 1.8rem; + } + article { + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/assets/scss/plugins/_gutenberg.scss b/assets/scss/plugins/_gutenberg.scss new file mode 100644 index 0000000..c03ffaf --- /dev/null +++ b/assets/scss/plugins/_gutenberg.scss @@ -0,0 +1,193 @@ +/* ## Gutenberg +--------------------------------------------- */ + +h3 + h2, +.has-top-margin { + margin-top: 60px; +} + +p.wp-block-subhead, +.entry-content .wp-block-cover-image, +.wp-block-image, +.entry-content ul.wp-block-gallery, +.wp-block-text-columns, +.entry-content .wp-block-button, +blockquote.wp-block-quote, +.entry-content .wp-block-quote.is-large, +.wp-block-code, +.wp-block-audio, +.entry-content .wp-block-video, +.wp-block-preformatted, +.wp-block-verse, +.wp-block-table, +.wp-block-categories, +.entry-content .wp-block-latest-posts, +.wp-block-embed { + margin-bottom: 60px; +} + +.wp-block-columns { + + /* not using because of overflow */ + + /* grid-gap: 40px; */ + + margin-bottom: 60px; +} + +.wp-block-columns .wp-block-image { + margin-bottom: 0; +} + +@media only screen and (min-width: 501px) { + + .wp-block-columns > *:not(.layout-column-1) { + margin-left: 40px; + } +} + +.wp-block-columns p:last-child, +.wp-block-text-columns p:last-child { + margin-bottom: 0; +} + +.entry-content .alignwide{ + width: auto; + @include breakpoint(sm) { + max-width: 900px; + margin-right: -70px; + margin-left: -70px; + } + @include breakpoint(md) { + max-width: 1000px; + margin-right: -120px; + margin-left: -120px; + } +} + +.entry-content .alignfull { + width: auto; + max-width: 1000%; + + margin-right: calc(50% - 50vw); + margin-left: calc(50% - 50vw); +} + +.entry-content .alignwide > *, +.entry-content .alignfull > * { + width: 100%; +} + +.entry-content ul.wp-block-gallery { + margin-left: 0; +} + +.entry-content .wp-block-button__link:not(.has-background) { + background-color: #333; +} + +.entry-content .wp-block-button .wp-block-button__link { + padding: 15px 30px; + border-radius: 0; + font-size: 16px; + font-weight: 600; + line-height: 1; +} + +.entry-content .wp-block-button .wp-block-button__link:hover, +.entry-content .wp-block-button .wp-block-button__link:focus { + background-color: #0073e5; +} + +blockquote { + margin-left: 0; +} + +blockquote::before { + display: none; +} + +blockquote p { + margin-bottom: 16px; +} + +.wp-block-quote:not(.is-large) { + padding-left: 16px; + border-left: 4px solid #000; +} + +.wp-block-quote cite { + font-weight: bold; +} + +.entry-content .wp-block-quote.is-large cite, +.entry-content .wp-block-quote.is-large footer { + display: block; +} + +code, +kbd, +pre, +samp { + font-size: 16px; +} + +.entry-content code { + display: block; + padding: 11px 22px; + border: 1px solid #e2e4e7; + border-radius: 4px; + background-color: transparent; +} + +.entry-content .wp-block-table { + display: table; +} + +tbody { + border-bottom: none; +} + +td { + border: 1px solid #444; +} + +td:first-child, +th:first-child { + padding-left: 8px; +} + +.wp-block-categories.aligncenter, +.wp-block-latest-posts.aligncenter { + text-align: left; +} + +@media only screen and (max-width: 500px) { + + .entry-content .wp-block-columns { + display: block; + } + + .wp-block-columns > *:not(:last-child) { + margin-bottom: 20px; + } + + .wp-block-text-columns { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + + .entry-content .wp-block-text-columns.columns-2 .wp-block-column { + width: 100%; + } + + .entry-content .wp-block-text-columns .wp-block-column { + margin: 0; + } + + .wp-block-text-columns .wp-block-column:not(:last-child) { + margin-bottom: 40px; + } +} \ No newline at end of file diff --git a/assets/scss/plugins/_wp-discuz.scss b/assets/scss/plugins/_wp-discuz.scss new file mode 100644 index 0000000..8d352fa --- /dev/null +++ b/assets/scss/plugins/_wp-discuz.scss @@ -0,0 +1,27 @@ +/* ## WP-Discuz +--------------------------------------------- */ +#wpcomm textarea,#wpcomm .wc-comment-header,#wpcomm .wc-comment-footer,#wpcomm .wc-comment .wc-comment-left{ + font-family: $base-font; + } +#wc-comment-header { font-size: 28px;} + +#wpcomm .wc-field-comment textarea { + padding: 10px; + height: 150px!important; + } + +#wpcomm .wc-field-name input[type="text"], +#wpcomm .wc-field-email input[type="email"]{ + padding: 10px; + height: auto; +} +#wpcomm .wc-comment-right .wc-comment-text, +#wpcomm .wc-comment-right .wc-comment-text *, +#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea { + font-size: 1.8rem!important; +} + +#wpcomm .wc-reply .wc-comment-right .wc-comment-text, +#wpcomm .wc-reply .wc-comment-right .wc-comment-text * { + font-size: 1.6rem; +} \ No newline at end of file diff --git a/assets/scss/plugins/index.scss b/assets/scss/plugins/index.scss index e75f1ef..2783422 100644 --- a/assets/scss/plugins/index.scss +++ b/assets/scss/plugins/index.scss @@ -5,3 +5,8 @@ @import "genesis-simple-faq"; @import "google-map"; @import "jetpack"; +@import "display-featured-image.scss"; +@import "gutenberg.scss"; +@import "event-manager.scss"; +@import "wp-discuz.scss"; +@import "gfpc.scss"; \ No newline at end of file diff --git a/assets/scss/site-header/_site-header.scss b/assets/scss/site-header/_site-header.scss index e8c3fc4..d3de569 100644 --- a/assets/scss/site-header/_site-header.scss +++ b/assets/scss/site-header/_site-header.scss @@ -1,9 +1,9 @@ .site-header { - position: absolute; + /*position: absolute;*/ z-index: 9999; width: 100%; background-color: $site-header--background-color; - box-shadow: $box-shadow; + /*box-shadow: $box-shadow;*/ .has-sticky-header & { position: fixed; @@ -15,6 +15,7 @@ > .wrap { display: flex; + padding: 20px; flex-wrap: wrap; height: 100%; justify-content: space-between; diff --git a/assets/scss/structure-and-layout/_site-container.scss b/assets/scss/structure-and-layout/_site-container.scss index 43145fa..b95c52f 100644 --- a/assets/scss/structure-and-layout/_site-container.scss +++ b/assets/scss/structure-and-layout/_site-container.scss @@ -48,8 +48,8 @@ .wrap, .content-sidebar-wrap { - width: 90%; - max-width: map_get($breakpoints, xl); + //width: 90%; + max-width: map_get($breakpoints, lg); margin: 0 auto; .wrap { diff --git a/assets/scss/structure-and-layout/_site-inner.scss b/assets/scss/structure-and-layout/_site-inner.scss index 729b2e5..c8cdfc4 100644 --- a/assets/scss/structure-and-layout/_site-inner.scss +++ b/assets/scss/structure-and-layout/_site-inner.scss @@ -3,7 +3,12 @@ .site-inner { clear: both; + max-width: map_get($breakpoints, lg); margin: 0 auto; + padding: 5% 5% 0; + @include breakpoint(sm) { + padding: 0 + } } .content { @@ -12,7 +17,13 @@ width: 65%; } - .full-width-content & { + .full-width-content &, + .yeuchaybo-grid-2 &, + .yeuchaybo-grid-3 & { width: 100%; } + .full-width-content.single & { + max-width: 760px; + margin: 0 auto; + } } diff --git a/assets/scss/utilities/_mixins.scss b/assets/scss/utilities/_mixins.scss index f59685b..00f8b1c 100644 --- a/assets/scss/utilities/_mixins.scss +++ b/assets/scss/utilities/_mixins.scss @@ -88,3 +88,10 @@ border: 0; word-wrap: normal !important; } + +@mixin archive-veentry-title { + font-size: $h4--font-size; + @include breakpoint(md) { + font-size: $h3--font-size + } + } \ No newline at end of file diff --git a/assets/scss/utilities/_variables.scss b/assets/scss/utilities/_variables.scss index 8d0384c..acc5bf3 100644 --- a/assets/scss/utilities/_variables.scss +++ b/assets/scss/utilities/_variables.scss @@ -3,8 +3,8 @@ $breakpoints: ( xs: 512px, sm: 896px, md: 1024px, - lg: 1152px, - xl: 1280px + lg: 1200px, + xl: 1360px ); // Base Colors. @@ -17,10 +17,13 @@ $blue: #0073e5; $lighter-grey: #eee; $lightest-grey: #f5f5f5; $white: #fff; -$overlay: rgba($dark-grey, 0.2); +$cta: red; +//$overlay: rgba($dark-grey, 0.2); +$overlay: linear-gradient(0deg, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.85)); // Base Fonts. -$base-font: "Source Sans Pro", sans-serif; +$base-font: "Muli", sans-serif; +$heading-font: "Muli", sans-serif; // Transitions. $transition: 0.2s ease-in-out; @@ -34,7 +37,8 @@ $border: $border-width $border-style $border-color; // Box Shadow. $box-shadow-blur-radius: 20px; $box-shadow-opacity: 0.075; -$box-shadow: 0 0 $box-shadow-blur-radius rgba($dark-grey, $box-shadow-opacity); +$box-shadow: 0 16px 65px rgba(0,0,0,.18); +//$box-shadow: 0 0 $box-shadow-blur-radius rgba($dark-grey, $box-shadow-opacity); // Genesis Column Classes. $margin-left: 2.564102564102564%; @@ -59,28 +63,28 @@ $five-sixths: 82.90598290598291%; // Font sizes. $body--font-size: 1.8rem; -$h1--font-size: 3rem; -$h2--font-size: 2.7rem; -$h3--font-size: 2.4rem; -$h4--font-size: 2rem; -$h5--font-size: 1.8rem; -$h6--font-size: 1.6rem; -$button--font-size: 1.6rem; +$h1--font-size: 4.4rem; +$h2--font-size: 3.2rem; +$h3--font-size: 2.6rem; +$h4--font-size: 2.2rem; +$h5--font-size: 2.0rem; +$h6--font-size: 1.8rem; +$button--font-size: 1.8rem; $hero-section__h1--font-size: $h1--font-size * 1.5; -$archive-description__entry-title--font-size: 2rem; +$archive-description__entry-title--font-size: 2.5rem; $author-box-title--font-size: $archive-description__entry-title--font-size; -$breadcrumb--font-size: 1.6rem; -$entry-title--font-size: 3rem; -$featured-content__entry-title--font-size: 1.6rem; -$enews-widget__input--font-size: 1.6rem; +$breadcrumb--font-size: 1.8rem; +$entry-title--font-size: 3.2rem; +$featured-content__entry-title--font-size: 1.8rem; +$enews-widget__input--font-size: 1.8rem; $site-title--font-size: 2rem; $genesis-nav-menu--font-size: 1.5rem; $genesis-nav-menu__sub-menu__link--font-size: 1.4rem; -$sidebar--font-size: 1.6rem; +$sidebar--font-size: 1.8rem; $entry-content__caption--font-size: 1.4rem; $entry-meta--font-size: 1.6rem; -$comments--font-size: 1.8rem; -$footer-widgets--font-size: 1.8rem; +$comments--font-size: 2.0rem; +$footer-widgets--font-size: 2.0rem; $site-footer--font-size: 1.5rem; $form--font-size: 1.8rem; $widget-title--font-size: 1.8rem; @@ -91,7 +95,7 @@ $screen-reader--font-size-focus: 1em; // Font families. $body--font-family: $base-font; -$heading--font-family: $base-font; +$heading--font-family: $heading-font; // Font weights. $font-weight--regular: 400; @@ -100,7 +104,7 @@ $font-weight--bold: 700; // Line heights. $line-height--big: 2; -$line-height--large: 1.75; +$line-height--large: 1.875; $line-height--normal: 1.625; $line-height--medium: 1.5; $line-height--medium-small: 1.4; diff --git a/config/config.php b/config/config.php index 88dfc64..5783cdd 100644 --- a/config/config.php +++ b/config/config.php @@ -197,7 +197,7 @@ return [ // 'breadcrumb_404' => 0, // 'breadcrumb_attachment' => 0, 'content_archive' => 'excerpt', - 'content_archive_thumbnail' => 1, + 'content_archive_thumbnail' => 5, 'image_size' => 'large', 'image_alignment' => 'alignnone', // 'posts_nav' => 'numeric', @@ -222,7 +222,7 @@ return [ | */ 'google-fonts' => [ - 'Source+Sans+Pro:400,600,700', + 'Muli:400,400i,600,600i,700&subset=vietnamese', ], /* @@ -242,8 +242,8 @@ return [ 'crop' => true, ], 'hero' => [ - 'width' => 1280, - 'height' => 720, + 'width' => 1200, + 'height' => 450, 'crop' => true, ], ], @@ -262,7 +262,9 @@ return [ 'full-width-content', 'content-sidebar', 'sidebar-content', - 'center-content', + //'center-content', + 'yeuchaybo-grid-2', + 'yeuchaybo-grid-3', // 'content-sidebar-sidebar', // 'sidebar-sidebar-content', // 'sidebar-content-sidebar', @@ -573,6 +575,7 @@ return [ 'genesis-responsive-viewport', 'genesis-structural-wraps' => [ 'header', + //'site-inner', 'menu-secondary', 'footer-widgets', 'footer', @@ -628,11 +631,11 @@ return [ 'before-header' => 'genesis_before_header_wrap', 'before-footer' => 'genesis_before_footer_wrap', 'footer-credits' => 'genesis_footer', - 'front-page-1' => 'front_page_widgets', - 'front-page-2' => 'front_page_widgets', - 'front-page-3' => 'front_page_widgets', - 'front-page-4' => 'front_page_widgets', - 'front-page-5' => 'front_page_widgets', + //'front-page-1' => 'front_page_widgets', + //'front-page-2' => 'front_page_widgets', + //'front-page-3' => 'front_page_widgets', + //'front-page-4' => 'front_page_widgets', + //'front-page-5' => 'front_page_widgets', ], /* diff --git a/functions.php b/functions.php index 35ea1bc..9c4f67b 100644 --- a/functions.php +++ b/functions.php @@ -26,3 +26,93 @@ require_once get_stylesheet_directory() . '/lib/init.php'; | Place any custom code below this line. |-------------------------------------------------------------------------- */ +// Sets the content width based on the theme's design and stylesheet. +if ( ! isset( $content_width ) ) { + $content_width = 1000; // Pixels. +} + +add_filter( 'displayfeaturedimagegenesis_disable', 'prefix_skip_woo_terms' ); +function prefix_skip_woo_terms( $disable ) { + if ( is_singular( 'post' ) ) { + return true; + } + return $disable; +} + +add_filter( 'display_featured_image_genesis_do_not_move_titles', 'yeuchaybo_move_title' ); +function yeuchaybo_move_title($post_types) { + $post_types[] = 'event'; + $post_types[] = 'post'; + return $post_types; +} + +add_action( 'genesis_meta', 'essence_page_hero_header' ); +/** + * Relocates page titles and adds header image wrapper. + * + * @since 1.0.0 + */ +function essence_page_hero_header() { + + if ( !('post' == get_post_type()) ) { + remove_action( 'genesis_entry_header', 'genesis_post_info', 12 ); + } +} + +// Adds the grid layout. +require_once get_stylesheet_directory() . '/lib/layout/grid-layout.php'; + + + +add_filter( 'genesis_post_info', 'yeuchaybo_modify_post_info' ); +/** + * Modifies the meta information in the entry header. + * + * @since 1.0.0 + * + * @param string $post_info Current post info. + * @return string New post info. + */ +function yeuchaybo_modify_post_info( $post_info ) { + + $post_info = 'đăng ngày [post_date]'; + + return $post_info; + +} + + +add_filter('display_featured_image_genesis_css_file', 'no_css'); +function no_css($url) { + $url = ''; + return $url; +} + + +add_action( 'genesis_before', 'your_prefix_embed_shortcode_archive_intro_text_support' ); +/** + * Add oEmbed and Shortcode support Genesis archive description + */ +function your_prefix_embed_shortcode_archive_intro_text_support() { + global $wp_embed; + // Allow shortcodes and embeds on Genesis Archive Intro Text Tags and Categories + if ( is_category() || is_tag() || is_tax() ) : + + add_filter( 'genesis_term_intro_text_output', array( $wp_embed, 'autoembed' ) ); + add_filter( 'genesis_term_intro_text_output', 'do_shortcode' ); + endif; + + // Allow shortcodes and embeds on CPT archive descriptions + if ( is_post_type_archive() && genesis_has_post_type_archive_support() ) : + + add_filter( 'genesis_cpt_archive_intro_text_output', array( $wp_embed, 'autoembed') ); + add_filter( 'genesis_cpt_archive_intro_text_output', 'do_shortcode' ); + endif; + // Allow shortcodes and embeds on Genesis Author Intro Text + if ( is_author() ) : + + add_filter( 'genesis_author_intro_text_output', array( $wp_embed, 'autoembed') ); + add_filter( 'genesis_author_intro_text_output', 'do_shortcode' ); + endif; + +} diff --git a/lib/functions/hero.php b/lib/functions/hero.php index 8624b57..52d76fd 100644 --- a/lib/functions/hero.php +++ b/lib/functions/hero.php @@ -33,34 +33,35 @@ function child_theme_hero_section_setup() { } - remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 ); - remove_action( 'genesis_entry_header', 'genesis_do_post_title' ); - remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 ); - remove_action( 'genesis_before_loop', 'genesis_do_posts_page_heading' ); - remove_action( 'genesis_archive_title_descriptions', 'genesis_do_archive_headings_open', 5, 3 ); - remove_action( 'genesis_archive_title_descriptions', 'genesis_do_archive_headings_close', 15, 3 ); - remove_action( 'genesis_before_loop', 'genesis_do_date_archive_title' ); - remove_action( 'genesis_before_loop', 'genesis_do_blog_template_heading' ); - remove_action( 'genesis_before_loop', 'genesis_do_taxonomy_title_description', 15 ); - remove_action( 'genesis_before_loop', 'genesis_do_author_title_description', 15 ); - remove_action( 'genesis_before_loop', 'genesis_do_cpt_archive_title_description' ); - remove_action( 'genesis_before_loop', 'genesis_do_search_title' ); - remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 ); - remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 ); + //remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 ); + //remove_action( 'genesis_entry_header', 'genesis_do_post_title' ); + //remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 ); + //remove_action( 'genesis_before_loop', 'genesis_do_posts_page_heading' ); + //remove_action( 'genesis_archive_title_descriptions', 'genesis_do_archive_headings_open', 5, 3 ); + //remove_action( 'genesis_archive_title_descriptions', 'genesis_do_archive_headings_close', 15, 3 ); + //remove_action( 'genesis_before_loop', 'genesis_do_date_archive_title' ); + //remove_action( 'genesis_before_loop', 'genesis_do_blog_template_heading' ); + //remove_action( 'genesis_before_loop', 'genesis_do_taxonomy_title_description', 15 ); + //remove_action( 'genesis_before_loop', 'genesis_do_author_title_description', 15 ); + //remove_action( 'genesis_before_loop', 'genesis_do_cpt_archive_title_description' ); + //remove_action( 'genesis_before_loop', 'genesis_do_search_title' ); + //remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 ); + //remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 ); add_filter( 'woocommerce_show_page_title', '__return_null' ); add_filter( 'genesis_search_title_output', '__return_false' ); - add_action( 'child_theme_hero_section', 'genesis_do_posts_page_heading' ); - add_action( 'child_theme_hero_section', 'genesis_do_date_archive_title' ); - add_action( 'child_theme_hero_section', 'genesis_do_taxonomy_title_description' ); - add_action( 'child_theme_hero_section', 'genesis_do_author_title_description' ); - add_action( 'child_theme_hero_section', 'genesis_do_cpt_archive_title_description' ); - add_action( 'child_theme_hero_section', 'child_theme_hero_section_title', 10 ); - add_action( 'child_theme_hero_section', 'child_theme_hero_section_excerpt', 20 ); - add_action( 'be_title_toggle_remove', 'child_theme_hero_section_title_toggle' ); - add_action( 'genesis_before_content', 'child_theme_hero_section_remove_404_title' ); - add_action( 'genesis_before_content_sidebar_wrap', 'child_theme_hero_section_display' ); + //add_action( 'child_theme_hero_section', 'genesis_do_posts_page_heading' ); + //add_action( 'child_theme_hero_section', 'genesis_do_date_archive_title' ); + //add_action( 'child_theme_hero_section', 'genesis_do_taxonomy_title_description' ); + //add_action( 'child_theme_hero_section', 'genesis_do_author_title_description' ); + //add_action( 'child_theme_hero_section', 'genesis_do_cpt_archive_title_description' ); + //add_action( 'child_theme_hero_section', 'child_theme_hero_section_title', 10 ); + //add_action( 'child_theme_hero_section', 'child_theme_hero_section_excerpt', 20 ); + //add_action( 'be_title_toggle_remove', 'child_theme_hero_section_title_toggle' ); + //add_action( 'genesis_before_content', 'child_theme_hero_section_remove_404_title' ); + //add_action( 'genesis_before_content_sidebar_wrap', 'child_theme_hero_section_display' ); + add_action( 'genesis_before_content_sidebar_wrap', 'authority_featured_image', 1 ); } @@ -206,11 +207,11 @@ function child_theme_hero_section_excerpt() { printf( '
%s
', do_shortcode( get_the_excerpt( $id ) ) ); } - } elseif ( ( is_singular() ) && ! is_singular( 'product' ) && has_excerpt() ) { + } //elseif ( ( is_singular() ) && ! is_singular( 'product' ) && has_excerpt() ) { - printf( '%s
', do_shortcode( get_the_excerpt() ) ); + //printf( '%s
', do_shortcode( get_the_excerpt() ) ); - } + //} } /** @@ -252,3 +253,32 @@ function child_theme_hero_section_display() { ) ); } + + +/** + * Adds featured image above the entry content. + * + * @since 1.0.0 + */ +function authority_featured_image() { + + //$add_single_image = get_theme_mod( 'authority_single_image_setting', authority_customizer_get_default_image_setting() ); + + $image = genesis_get_image( + array( + 'format' => 'html', + 'size' => 'hero', + 'context' => '', + 'attr' => array( + 'alt' => the_title_attribute( 'echo=0' ), + 'class' => 'yeuchaybo-single-image', + ), + ) + ); + + if ( $image && is_singular( array ('post', 'event' ) ) ){ + printf( '';
+ if ($event_website) {
+ echo '
Tên giải: '; + echo ' + '.$event_title.'
'; + + echo 'Cự ly: '; + //echo do_shortcode('[post_terms taxonomy="distance" before=""]').'
'; + ycb_event_distance(); + echo ''; + + echo 'Phân loại: '; + echo do_shortcode('[post_terms taxonomy="event_category" before=""]').'
'; + echo ''; + + echo 'Thời gian: '; + echo $EM_Event->output('#_EVENTDATES').'
'; + + if (!empty($EM_Event->location_id) && $EM_Event->get_location()->location_status) { + echo 'Địa điểm: '; + //echo $EM_Event->output('#_LOCATIONLINK'); + echo ''. $EM_Event->output('#_LOCATIONADDRESS') . ', '; + echo $EM_Event->output('#_LOCATIONTOWN') . ', '; + echo $EM_Event->output('#_LOCATIONCOUNTRY') . '
'; + } + + echo '