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

This commit is contained in:
jorge-vitrubio 2022-07-12 12:58:01 +02:00
parent 349da7c6c9
commit f2a32bd59c
3 changed files with 26 additions and 22 deletions

View File

@ -135,6 +135,16 @@
display: flex; display: flex;
margin-right: 35px; 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 /* WIDGET HOME HERO
------------------------------------------*/ ------------------------------------------*/
aside.hero { aside.hero {
@ -329,12 +339,15 @@
} }
} }
@media screen and (min-width: 754px) { @media screen and (min-width: 754px) {
.indexall.wide{ .indexall.wide {
width: auto; width: auto;
} }
.indexall.wide .boxentry { .indexall.wide .boxentry {
width: 100%; width: 100%;
} }
.indexall.wide .contentcurt {
column-count: 2;
}
} }
@media screen and (min-width: 1920px) { @media screen and (min-width: 1920px) {
/* WIDGET HOME HERO /* WIDGET HOME HERO

View File

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

View File

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