added widget areas for bette custom. modified css for them
This commit is contained in:
parent
577977bfb3
commit
46e4a55bff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Before Width: | Height: | Size: 156 KiB After Width: | Height: | Size: 288 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,5 +1,3 @@
|
|||
//content {
|
||||
|
||||
// general styles
|
||||
//----------------
|
||||
//
|
||||
|
@ -87,7 +85,6 @@
|
|||
}
|
||||
}
|
||||
main {
|
||||
//@include xy-cell(12);
|
||||
@include xy-grid;
|
||||
article{
|
||||
text-align:center;
|
||||
|
@ -259,28 +256,30 @@
|
|||
align-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
// &.widget_media_image {
|
||||
// justify-content: unset;
|
||||
// align-content: stretch;
|
||||
// }
|
||||
@include breakpoint(small){
|
||||
width: 100vw;
|
||||
margin: 0;
|
||||
&.widget_text p,.textwidget {
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
&.widget_media_image {
|
||||
overflow: hidden;
|
||||
img {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
&.widget_text p,.textwidget {
|
||||
max-width: 50rem;
|
||||
margin:auto;
|
||||
padding: $global-padding * 2;
|
||||
font-size: $global-font-size*1.3;
|
||||
//font-size: $global-font-size*1.3;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
width: 50%;
|
||||
height: calc((50vw*9)/16);
|
||||
//height: calc((50vw*9)/16);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow:hidden;
|
||||
|
@ -289,23 +288,23 @@
|
|||
@include flex-align (center,middle);
|
||||
}
|
||||
img {
|
||||
// max-width: unset !important;
|
||||
height: 100% !important;
|
||||
//height: 100% !important;
|
||||
//width: 100%;
|
||||
}
|
||||
&.widget_text p,.textwidget {
|
||||
font-size: $global-font-size*1.2;
|
||||
font-size: $global-font-size*1.1;
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
&.widget_text p,.textwidget {
|
||||
font-size: $global-font-size*1.3;
|
||||
font-size: $global-font-size*1.15;
|
||||
padding: $global-padding*3;
|
||||
}
|
||||
}
|
||||
@include breakpoint(xxlarge){
|
||||
&.widget_text p,.textwidget {
|
||||
font-size: $global-font-size*1.6;
|
||||
font-size: $global-font-size*1.3;
|
||||
padding: $global-padding*3;
|
||||
}
|
||||
}
|
||||
|
@ -324,10 +323,32 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
&.top.secondary {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
ul {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
a {
|
||||
border: 1px solid black;
|
||||
border-radius: 2rem;
|
||||
padding: 1rem;
|
||||
color:blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
@include xy-grid();
|
||||
background-color: $secondary-color;
|
||||
.slides {
|
||||
width: 100%;
|
||||
.slide {
|
||||
width: 100%;
|
||||
&:nth-child(odd) {
|
||||
background-color: $secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
nav {
|
||||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
|
@ -354,6 +375,3 @@
|
|||
}
|
||||
}
|
||||
//end hero
|
||||
|
||||
//}
|
||||
// end content
|
||||
|
|
|
@ -6,14 +6,14 @@
|
|||
* @since arcHIVE-theme 1.0.0
|
||||
*/
|
||||
|
||||
if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
||||
function foundationpress_sidebar_widgets() {
|
||||
if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
|
||||
function arcHIVE_sidebar_widgets() {
|
||||
register_sidebar(
|
||||
array(
|
||||
'id' => 'home-announcement-widgets',
|
||||
'name' => __( 'Home Announcement widgets', 'foundationpress' ),
|
||||
'id' => 'home-announcement-widgets-top-primary',
|
||||
'name' => __( 'Home Announcement Top Primary area', 'foundationpress' ),
|
||||
'description' => __( 'Drag widgets to this Home page container that will show at the top of the home page.', 'foundationpress' ),
|
||||
'before_sidebar'=> '<main class="slides">',
|
||||
'before_sidebar'=> '<main class="slides top primary">',
|
||||
'after_sidebar' => '</main>',
|
||||
'before_widget' => '<section id="%1$s" class="widget slide home-announcement %2$s">',
|
||||
'after_widget' => '</section>',
|
||||
|
@ -21,12 +21,25 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
|||
'after_title' => '</h6>',
|
||||
)
|
||||
);
|
||||
register_sidebar(
|
||||
array(
|
||||
'id' => 'home-announcement-widgets-top-secondary',
|
||||
'name' => __( 'Home Announcement Top Secondary area', 'foundationpress' ),
|
||||
'description' => __( 'Drag widgets to this Home page container that will show at the top of the home page on the secondary area.', 'foundationpress' ),
|
||||
'before_sidebar'=> '<main class="slides top secondary">',
|
||||
'after_sidebar' => '</main>',
|
||||
'before_widget' => '<section id="%1$s" class="widget home-announcement %2$s">',
|
||||
'after_widget' => '</section>',
|
||||
'before_title' => '<h6>',
|
||||
'after_title' => '</h6>',
|
||||
)
|
||||
);
|
||||
register_sidebar(
|
||||
array(
|
||||
'id' => 'home-announcement-middle-widgets',
|
||||
'name' => __( 'Home Announcement Middle widgets', 'foundationpress' ),
|
||||
'name' => __( 'Home Announcement Middle', 'foundationpress' ),
|
||||
'description' => __( 'Drag widgets to this Home page container that will show in the middle of the home page.', 'foundationpress' ),
|
||||
'before_sidebar'=> '<main class="slides">',
|
||||
'before_sidebar'=> '<main class="slides middle">',
|
||||
'after_sidebar' => '</main>',
|
||||
'before_widget' => '<section id="%1$s" class="widget slide home-middle-announcement %2$s">',
|
||||
'after_widget' => '</section>',
|
||||
|
@ -37,9 +50,9 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
|||
register_sidebar(
|
||||
array(
|
||||
'id' => 'home-announcement-bottom-widgets',
|
||||
'name' => __( 'Home Announcement Bottom widgets', 'foundationpress' ),
|
||||
'name' => __( 'Home Announcement Bottom', 'foundationpress' ),
|
||||
'description' => __( 'Drag widgets to this Home page container that will show at the bottom of the home page.', 'foundationpress' ),
|
||||
'before_sidebar'=> '<main class="slides">',
|
||||
'before_sidebar'=> '<main class="slides bottom">',
|
||||
'after_sidebar' => '</main>',
|
||||
'before_widget' => '<section id="%1$s" class="widget slide home-bottom-announcement %2$s">',
|
||||
'after_widget' => '</section>',
|
||||
|
@ -50,8 +63,10 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
|||
register_sidebar(
|
||||
array(
|
||||
'id' => 'announcement-widgets',
|
||||
'name' => __( 'Announcement widgets', 'foundationpress' ),
|
||||
'name' => __( 'Announcement', 'foundationpress' ),
|
||||
'description' => __( 'Drag widgets to this announcement container.', 'foundationpress' ),
|
||||
'before_sidebar'=> '<main class="slides announcement">',
|
||||
'after_sidebar' => '</main>',
|
||||
'before_widget' => '<section id="%1$s" class="widget slide %2$s">',
|
||||
'after_widget' => '</section>',
|
||||
'before_title' => '<h6>',
|
||||
|
@ -60,10 +75,25 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
|||
);
|
||||
register_sidebar(
|
||||
array(
|
||||
'id' => 'announcement-resources-widgets',
|
||||
'name' => __( 'Announcement Resources widgets', 'foundationpress' ),
|
||||
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources.', 'foundationpress' ),
|
||||
'before_widget' => '<section id="%1$s" class="widget slide %2$s">',
|
||||
'id' => 'announcement-resources-top-widgets',
|
||||
'name' => __( 'Resources Announcement top', 'foundationpress' ),
|
||||
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources primary area.', 'foundationpress' ),
|
||||
'before_sidebar'=> '<main class="slides announcement top">',
|
||||
'after_sidebar' => '</main>',
|
||||
'before_widget' => '<section id="%1$s" class="widget slide top %2$s">',
|
||||
'after_widget' => '</section>',
|
||||
'before_title' => '<h6>',
|
||||
'after_title' => '</h6>',
|
||||
)
|
||||
);
|
||||
register_sidebar(
|
||||
array(
|
||||
'id' => 'announcement-resources-middle-widgets',
|
||||
'name' => __( 'Resources Announcement middle', 'foundationpress' ),
|
||||
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources secondary area.', 'foundationpress' ),
|
||||
'before_sidebar'=> '<main class="slides announcement middle">',
|
||||
'after_sidebar' => '</main>',
|
||||
'before_widget' => '<section id="%1$s" class="widget slide middle %2$s">',
|
||||
'after_widget' => '</section>',
|
||||
'before_title' => '<h6>',
|
||||
'after_title' => '</h6>',
|
||||
|
@ -83,5 +113,5 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
|||
);
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'foundationpress_sidebar_widgets' );
|
||||
add_action( 'widgets_init', 'arcHIVE_sidebar_widgets' );
|
||||
endif;
|
||||
|
|
|
@ -1,5 +1,3 @@
|
|||
//content {
|
||||
|
||||
// general styles
|
||||
//----------------
|
||||
//
|
||||
|
@ -87,7 +85,6 @@
|
|||
}
|
||||
}
|
||||
main {
|
||||
//@include xy-cell(12);
|
||||
@include xy-grid;
|
||||
article{
|
||||
text-align:center;
|
||||
|
@ -259,28 +256,30 @@
|
|||
align-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
// &.widget_media_image {
|
||||
// justify-content: unset;
|
||||
// align-content: stretch;
|
||||
// }
|
||||
@include breakpoint(small){
|
||||
width: 100vw;
|
||||
margin: 0;
|
||||
&.widget_text p,.textwidget {
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
&.widget_media_image {
|
||||
overflow: hidden;
|
||||
img {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
&.widget_text p,.textwidget {
|
||||
max-width: 50rem;
|
||||
margin:auto;
|
||||
padding: $global-padding * 2;
|
||||
font-size: $global-font-size*1.3;
|
||||
//font-size: $global-font-size*1.3;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
width: 50%;
|
||||
height: calc((50vw*9)/16);
|
||||
//height: calc((50vw*9)/16);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow:hidden;
|
||||
|
@ -289,23 +288,23 @@
|
|||
@include flex-align (center,middle);
|
||||
}
|
||||
img {
|
||||
// max-width: unset !important;
|
||||
height: 100% !important;
|
||||
//height: 100% !important;
|
||||
//width: 100%;
|
||||
}
|
||||
&.widget_text p,.textwidget {
|
||||
font-size: $global-font-size*1.2;
|
||||
font-size: $global-font-size*1.1;
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
&.widget_text p,.textwidget {
|
||||
font-size: $global-font-size*1.3;
|
||||
font-size: $global-font-size*1.15;
|
||||
padding: $global-padding*3;
|
||||
}
|
||||
}
|
||||
@include breakpoint(xxlarge){
|
||||
&.widget_text p,.textwidget {
|
||||
font-size: $global-font-size*1.6;
|
||||
font-size: $global-font-size*1.3;
|
||||
padding: $global-padding*3;
|
||||
}
|
||||
}
|
||||
|
@ -324,10 +323,32 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
&.top.secondary {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
ul {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
a {
|
||||
border: 1px solid black;
|
||||
border-radius: 2rem;
|
||||
padding: 1rem;
|
||||
color:blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
@include xy-grid();
|
||||
background-color: $secondary-color;
|
||||
.slides {
|
||||
width: 100%;
|
||||
.slide {
|
||||
width: 100%;
|
||||
&:nth-child(odd) {
|
||||
background-color: $secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
nav {
|
||||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
|
@ -354,6 +375,3 @@
|
|||
}
|
||||
}
|
||||
//end hero
|
||||
|
||||
//}
|
||||
// end content
|
||||
|
|
|
@ -8,8 +8,9 @@
|
|||
|
||||
?>
|
||||
<section class="hero hero-announcement resources">
|
||||
<?php dynamic_sidebar( 'announcement-resources-widgets' ); ?>
|
||||
<?php dynamic_sidebar( 'announcement-resources-top-widgets' ); ?>
|
||||
<aside>
|
||||
<?php dynamic_sidebar( 'announcement-resources-middle-widgets' ); ?>
|
||||
<?php //insert menu here; ?>
|
||||
<?php //foundationpress_announcement_bar(); ?>
|
||||
</aside>
|
||||
|
|
|
@ -10,8 +10,10 @@
|
|||
<section class="hero hero-main">
|
||||
<!--main class="slides"-->
|
||||
<?php dynamic_sidebar( 'home-announcement-widgets' ); ?>
|
||||
<?php dynamic_sidebar( 'home-announcement-widgets-top-primary' ); ?>
|
||||
<!--/main-->
|
||||
<aside>
|
||||
<?php foundationpress_home_hero_bar(); ?>
|
||||
<?php dynamic_sidebar( 'home-announcement-widgets-top-secondary' ); ?>
|
||||
<?php //foundationpress_home_hero_bar(); ?>
|
||||
</aside>
|
||||
</section>
|
||||
|
|
Loading…
Reference in New Issue