styled front page slider and title

adminstyles.css

@@ -327,6 +327,11 @@ Add your custom styles in this file so it is easier to update the theme.
  * class="contactform contactform-WHATEVER"
  * */
 
+	/* Guttenslider
+--------------------------------------------- */
+
+	/* Gutten slider styles for xarxaprod */
+
 	/*--------------------------------------------------------------
 # Utilities
 --------------------------------------------------------------*/
@@ -2318,6 +2323,20 @@ Add your custom styles in this file so it is easier to update the theme.
 	content: "fi: ";
 }
 
+.edit-post-visual-editor__content-area .home {
+
+	/* full width slides */
+}
+
+.edit-post-visual-editor__content-area .home [id*="gutenslider"] {
+	width: 100vw;
+	position: relative;
+	left: 50%;
+	right: 50%;
+	margin-left: -50vw;
+	margin-right: -50vw;
+}
+
 .edit-post-visual-editor__content-area .screen-reader-text {
 	border: 0;
 	clip: rect(1px, 1px, 1px, 1px);

page.php

@@ -29,9 +29,9 @@ get_header();
 
 	</main><!-- #main -->
   <?php
-	  if ( is_front_page() ) :
-		  get_template_part( 'template-parts/section', 'featured' );
-		endif;
+	  //if ( is_front_page() ) :
+		//  get_template_part( 'template-parts/section', 'featured' );
+		//endif;
   ?>
 
 <?php

sass/plugins/guttenslider/_guttenslider.scss

@@ -0,0 +1,13 @@
+/* Gutten slider styles for xarxaprod */
+
+.home {
+/* full width slides */
+  [id*="gutenslider"] {
+    width: 100vw;
+    position: relative;
+    left: 50%;
+    right: 50%;
+    margin-left: -50vw;
+    margin-right: -50vw;
+  }
+}

sass/style.scss

@@ -99,6 +99,10 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 --------------------------------------------- */
 @import "plugins/contactform7/contactform7";
 
+/* Guttenslider 
+--------------------------------------------- */
+@import "plugins/guttenslider/guttenslider";
+
 
 /*--------------------------------------------------------------
 # Utilities

style.css

@@ -2213,6 +2213,24 @@ textarea {
 	content: "fi: ";
 }
 
+/* Guttenslider
+--------------------------------------------- */
+
+/* Gutten slider styles for xarxaprod */
+.home {
+
+	/* full width slides */
+}
+
+.home [id*="gutenslider"] {
+	width: 100vw;
+	position: relative;
+	left: 50%;
+	right: 50%;
+	margin-left: -50vw;
+	margin-right: -50vw;
+}
+
 /*--------------------------------------------------------------
 # Utilities
 --------------------------------------------------------------*/

template-parts/content-page.php

@@ -10,10 +10,11 @@
 ?>
 
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+  <?php if( ! is_front_page() ): ?>
 	<header class="entry-header">
 		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
 	</header><!-- .entry-header -->
-
+  <?php endif; ?>
 	<?php xarxaprod_post_thumbnail(); ?>
 
 	<div class="entry-content">