seccion ample / wide: changed title, two columns and font sizes

category.php

@@ -1,12 +1,22 @@
-<?php get_header(); ?>
+<?php 
+/**
+ * Template Name: Category ample
+ *
+ * Seccions de categories amd presentaçio de contingut ample.
+ * @link http://themehybrid.com/themes/hybrid/page-templates/categories
+ *
+ * @package Hangar
+ * @subpackage Template
+ */
+
+
+get_header(); ?>
 
 <!-- index categories-->
 
-<div id="main" class="maingran">
+<div id="main" class="">
-	<div id="content" class="indexall">
+	<div id="content" class="indexall wide">
-		<!-- la primera caixa és la de títol i descripció de la categoria i pot portar publicitat, no té fons blanc-->
+		<div id="post-<?php the_ID(); ?>" <?php post_class("boxentry"); ?>>
-		
-		<div id="post-<?php the_ID(); ?>" <?php post_class("boxentry ie nofons"); ?>>
 			<div class="entry-content">
 				<?php echo '<h2 class="box index">';
 						echo single_cat_title( '', false ) ; echo '</h2>' ; ?>
@@ -16,13 +26,12 @@
 					   		 echo '<div class="descseccio">'. category_description(). '</div>';
 						endif;
 				?>	
-		
-				<p class="textanunci"></p>
 			</div><!-- .entry-content -->
-		</div><!-- post .hentry -->
+		</div><!-- post .boxentry -->
-	
+		</div><!-- .indexall.wide -->
     <?php $catt2 = get_query_var('cat'); ?>
     
+	<div id="content" class="indexall fills">
     <ul>
 
 	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
@@ -35,7 +44,6 @@
 	<?php  endwhile; ?>
 	
     </ul>
-    
     <?php wp_pagenavi(); /* kriesi_pagination();*/?>
     
 			<?php else: ?>
@@ -47,17 +55,8 @@
 		<?php endif;	?>
 
 
-	</div><!-- .content -->
+    </div><!-- .indexall.fills -->
 			
-	
+</div><!--end #main-->
-	
-		
-			
-	</div>
-	<!--end Content-->
-
-
-</div>
-<!--end Main-->
 
 <?php get_footer(); ?>

category.php.2021

@@ -0,0 +1,63 @@
+<?php get_header(); ?>
+
+<!-- index categories-->
+
+<div id="main" class="maingran">
+	<div id="content" class="indexall">
+		<!-- la primera caixa és la de títol i descripció de la categoria i pot portar publicitat, no té fons blanc-->
+		
+		<div id="post-<?php the_ID(); ?>" <?php post_class("boxentry ie nofons"); ?>>
+			<div class="entry-content">
+				<?php echo '<h2 class="box index">';
+						echo single_cat_title( '', false ) ; echo '</h2>' ; ?>
+				
+				<?php $category_description = category_description();	
+					   if ( ! empty( $category_description ) ) :
+					   		 echo '<div class="descseccio">'. category_description(). '</div>';
+						endif;
+				?>	
+		
+				<p class="textanunci"></p>
+			</div><!-- .entry-content -->
+		</div><!-- post .hentry -->
+	
+    <?php $catt2 = get_query_var('cat'); ?>
+    
+    <ul>
+
+	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
+ <?php 	$tipus = 'catt'; 
+	$category = get_the_category();
+	 ?>
+
+			<?php	 include(TEMPLATEPATH . "/caixes.php");  ?>
+
+	<?php  endwhile; ?>
+	
+    </ul>
+    
+    <?php wp_pagenavi(); /* kriesi_pagination();*/?>
+    
+			<?php else: ?>
+
+			<p class="no-data">
+				<?php _e( 'Apologies, but no results were found.', 'hangar' ); ?>
+			</p><!-- .no-data -->
+
+		<?php endif;	?>
+
+
+	</div><!-- .content -->
+
+	
+	
+		
+			
+	</div>
+	<!--end Content-->
+
+
+</div>
+<!--end Main-->
+
+<?php get_footer(); ?>

css/styleHangar.css

@@ -135,6 +135,16 @@
 		display: flex;
 		margin-right: 35px;
 	}
+	.indexall.wide .boxentry h2.index {
+		/* same style as #content.unic h2, #content.resultats h2 */
+		color: #0043f6;
+		text-transform: unset;
+		font-weight: normal;
+		font-size: 20px;
+		line-height: 20px;
+		margin-bottom: 20px;
+		padding:0;
+	}
 	/* WIDGET HOME HERO
 	------------------------------------------*/
 	aside.hero {
@@ -329,12 +339,15 @@
 	}
 }
 @media screen and (min-width: 754px) {
-	.indexall.wide{
+	.indexall.wide {
 		width: auto;
 }
 	.indexall.wide .boxentry {
 		width: 100%;
 	}
+	.indexall.wide .contentcurt {
+    column-count: 2;
+  }
 }
 @media screen and (min-width: 1920px) {
 	/* WIDGET HOME HERO

seccions-wide.php

@@ -25,7 +25,10 @@ get_header(); ?>
 					the_post_thumbnail('thumbnail'); ?>
           <p class="excerptbox"><?php echo get_the_excerpt(); ?></p>
   				<?php else : ?>
-					<div class="contentcurt"><?php echo get_the_content_with_formatting(); ?></div>
+					<div class="contentcurt">
+              <?php //echo get_the_content_with_formatting(); ?>
+              <?php the_content(); ?>
+          </div>
 					<?php endif; ?>
 
 					<?php wp_link_pages( array( 'before' => '<p class="page-links pages">' . __( 'Pages:', 'hangar' ), 'after' => '</p>' ) ); ?>

style.css

@@ -47,7 +47,7 @@ body {
 	background-image: url('images/motiufons.gif');
 	background-repeat:repeat-x repeat-y;
 	background-color: transparent;
-	font-size:12px;
+	font-size: 0.8rem /*12px*/;
 	font-family:'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
 	letter-spacing: 1px;
 }
@@ -68,7 +68,7 @@ body {
 
 #wrap {
 	max-width: 1267px;
-	margin: 0 0 0 20px;
+	margin: 0 0 0 1rem;
 	}
 
 
@@ -92,7 +92,7 @@ body {
 }
 @media screen and (min-width:768px) {
   #main {
-  	margin-left: 250px;
+  /*	margin-left: 250px;*/
   }
 }
 
@@ -124,7 +124,7 @@ body {
 #footer {
 	padding: 0px 0px 30px 0px;
 	clear: both;
-	font-size: 12px;
+	font-size: 1rem;
 	background-color: #f1f1f1;
 	bottom: 0;
 	position: relative;
@@ -159,7 +159,7 @@ body {
 	display:block;
 	margin:0;
 	padding: 8px 8px 10px 0;
-	font-size:12px;
+	font-size: 0.8rem;
 	margin-right: 30px;
 	}
 .languages ul li, ul.diversos li{display:inline;}
@@ -191,21 +191,8 @@ li.news a:hover{background: transparent url('images/newshover.png') no-repeat 0
 
 /* contingut  */
 
-
-/*#content .indexall{
-	width:88%;
-	margin:0px 0px 20px 0px;
-	padding:0px 0px 0px 2%;
-	float:left;
-	font-size: 12px;
-}*/
-/*.indexall.wide {
-	width: calc(100vw - 350px);
-	overflow: hidden;
-}*/
-
 #content.unic, #content.mix, #content.resultats {
-	 width:480px;
+	 width:45rem;
    z-index:4;
    float:left;
    }
@@ -571,7 +558,8 @@ ul.sidebar li.widget_sociallinks a.delicious {
 #content.unic #pagina, #content.unic .post, #content.resultats #pagina {
 	background-color: #FFFFFF;
     padding: 23px 16px 10px;
-    width: 448px;
+    /*width: 448px;*/
+    width: auto;
 	min-height: 600px; /* sense sponsors 600px*/
 	margin-bottom:20px;
 }