styled front page elements that combine headers, buttons and moved all font-sizes to rem (avoid em)

This commit is contained in:
jorge 2024-03-30 14:29:34 +01:00
parent de4f2a16ac
commit 8a451a1138
12 changed files with 93 additions and 78 deletions

View File

@ -17,7 +17,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.4 Version: 1.4.1
Tested up to: 6.4 Tested up to: 6.4
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later
@ -697,11 +697,10 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper section.last-convos h2 a::after { .edit-post-visual-editor__content-area .editor-styles-wrapper section.last-convos h2 a::after {
display: inline-block; display: inline-block;
align-self: center; align-self: center;
justify-self: center; font-size: 0.8rem;
font-size: 0.4em;
color: #fff; color: #fff;
background-color: #000; background-color: #000;
padding: 0.4em; padding: 0.6em 0.8em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper [lang="ca"] section.agenda h2 a::after { .edit-post-visual-editor__content-area .editor-styles-wrapper [lang="ca"] section.agenda h2 a::after {
@ -739,7 +738,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper h3, .edit-post-visual-editor__content-area .editor-styles-wrapper h3,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h3 { .edit-post-visual-editor__content-area .editor-styles-wrapper .h3 {
font-size: 1.5rem; font-size: 1.4rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper h4, .edit-post-visual-editor__content-area .editor-styles-wrapper h4,
@ -1058,7 +1057,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper ul[id*="menu-legal"] li { .edit-post-visual-editor__content-area .editor-styles-wrapper ul[id*="menu-legal"] li {
float: left; float: left;
padding-left: 0.8em; padding-left: 0.8em;
font-size: 0.8em; font-size: 0.8rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper ul[id*="menu-social-media"] { .edit-post-visual-editor__content-area .editor-styles-wrapper ul[id*="menu-social-media"] {
@ -1090,7 +1089,7 @@ Add your custom styles in this file so it is easier to update the theme.
height: 100%; height: 100%;
width: 100%; width: 100%;
color: #000; color: #000;
font-size: 1em; font-size: 1rem;
font-weight: 900; font-weight: 900;
} }
@ -1184,8 +1183,9 @@ Add your custom styles in this file so it is easier to update the theme.
border-radius: 0; border-radius: 0;
background: #000; background: #000;
color: #fff; color: #fff;
font-size: 0.9rem;
line-height: 1; line-height: 1;
padding: 0.5em; padding: 0.6em;
margin: 0; margin: 0;
} }
@ -1391,7 +1391,7 @@ Add your custom styles in this file so it is easier to update the theme.
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section > header { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section > header {
padding: 2em 0; padding: 1em 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer {
@ -1441,7 +1441,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts { .edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
display: grid; display: grid;
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
gap: 3rem; gap: 1.5rem;
} }
} }
@ -1969,10 +1969,14 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .entry-title, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .entry-title,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each h6 { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each h6 {
margin: 0; margin: 0;
padding: 0.5rem 0; padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .xarxaprod-deadline {
text-transform: uppercase;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each p { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each p {
padding: 0.5rem 0; padding: 0.5rem 0;
margin: 0; margin: 0;
@ -1981,6 +1985,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .excerpt { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .excerpt {
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding: 0.5em 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .more-link { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .more-link {
@ -2052,7 +2057,7 @@ Add your custom styles in this file so it is easier to update the theme.
grid-template-columns: 0.75fr 2.25fr; grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0; padding: 0.2em 0;
border-top: 0.05em solid #000; border-top: 0.05em solid #000;
font-size: 1em; font-size: 1rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li:last-of-type, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li:last-of-type,
@ -2110,7 +2115,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li {
display: grid; display: grid;
font-size: 1em; font-size: 1rem;
border: none; border: none;
border-top: 0.05em solid #000; border-top: 0.05em solid #000;
margin: 0; margin: 0;
@ -2121,7 +2126,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p {
font-size: 1em; font-size: 1rem;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -2140,7 +2145,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a {
margin: 0.5em; margin: 0.5em;
font-size: 1em; font-size: 1rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat .xarxaprod-associat-contact { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat .xarxaprod-associat-contact {
@ -2174,7 +2179,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda .wp-block-post-title, .edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda .wp-block-post-title,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda-es .wp-block-post-title { .edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda-es .wp-block-post-title {
text-transform: lowercase; text-transform: lowercase;
font-size: 1.5em; font-size: 1.5rem;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
border-bottom: 0.05em solid #000; border-bottom: 0.05em solid #000;
@ -2201,7 +2206,7 @@ Add your custom styles in this file so it is easier to update the theme.
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 1em 0; padding: 0.2em 0;
border-bottom: 0.1em solid #000; border-bottom: 0.1em solid #000;
} }
@ -2355,7 +2360,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda-info li { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda-info li {
font-size: 1.5em; font-size: 1.5rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
@ -2372,17 +2377,17 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each header, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each header,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .entry-header { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .entry-header {
width: 60%; width: 50%;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .activity-organizer, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .activity-organizer,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .organiza-activitat { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .organiza-activitat {
width: 24%; width: 30%;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .agenda-date, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .agenda-date,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .agenda-data { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .agenda-data {
width: 15%; width: 17%;
} }
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -9,8 +9,9 @@ input[type="submit"],
border-radius: 0; border-radius: 0;
background: $color__background-button; background: $color__background-button;
color: $color__white; color: $color__white;
font-size: $font__size-body * 0.9;
line-height: 1; line-height: 1;
padding: 0.5em; padding: 0.6em;
margin: 0; margin: 0;
&:hover { &:hover {

View File

@ -98,7 +98,7 @@ dd {
ul[id*="menu-legal"] li { ul[id*="menu-legal"] li {
float: left; float: left;
padding-left: 0.8em; padding-left: 0.8em;
font-size: 0.8em; font-size: $font__size-body*0.8;
} }
ul[id*="menu-social-media"] { ul[id*="menu-social-media"] {
display:flex; display:flex;
@ -114,7 +114,7 @@ dd {
// content:""; // content:"";
// display: block; // display: block;
// color: $color__black; // color: $color__black;
// font-size: 1em; // font-size: $font__size-body*1;
// width: 2em; // width: 2em;
// height: 2em; // height: 2em;
// text-align:center; // text-align:center;
@ -132,7 +132,7 @@ dd {
height: 100%; height: 100%;
width: 100%; width: 100%;
color: $color__black; color: $color__black;
font-size: 1em; font-size: $font__size-body*1;
font-weight: 900; font-weight: 900;
} }
&[href*="instagram.com"]:before{ &[href*="instagram.com"]:before{

View File

@ -76,11 +76,11 @@
&::after { &::after {
display: inline-block; display: inline-block;
align-self: center; align-self: center;
justify-self: center; //justify-self: center;
font-size: 0.4em; font-size: 0.8rem;
color: $color__white; color: $color__white;
background-color: $color__black; background-color: $color__black;
padding: 0.4em; padding: 0.6em 0.8em;
} }
} }
} }
@ -110,7 +110,7 @@
font-size: $font__size-body*2.5; font-size: $font__size-body*2.5;
} }
h3,.h3 { h3,.h3 {
font-size: $font__size-body*1.5; font-size: $font__size-body*1.4;
} }
h4,.h4 { h4,.h4 {
font-size: $font__size-body*1.3; font-size: $font__size-body*1.3;

View File

@ -81,12 +81,14 @@
.xarxaprod-card-each { .xarxaprod-card-each {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
//justify-content: end;
.entry-title,h6 { .entry-title,h6 {
margin: 0; margin: 0;
padding: 0.5rem 0; padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid $color__black; border-bottom: 1px solid $color__black;
} }
.xarxaprod-deadline {
text-transform: uppercase;
}
p { p {
padding: 0.5rem 0; padding: 0.5rem 0;
margin:0; margin:0;
@ -94,6 +96,7 @@
.excerpt { .excerpt {
border-bottom: 1px solid $color__black; border-bottom: 1px solid $color__black;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding: 0.5em 0;
} }
.more-link { .more-link {
margin-top: 1rem; margin-top: 1rem;
@ -113,14 +116,14 @@
border-bottom: 1px solid $color__black; border-bottom: 1px solid $color__black;
} }
h6 { h6 {
font-size: 2.4rem; font-size: $font__size-body*2.4;
font-variant: all-petite-caps; font-variant: all-petite-caps;
} }
p { p {
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
li { li {
font-size: 1.3rem; font-size: $font__size-body*1.3;
} }
} }
.xarxaprod-fund-info-contact-fields { .xarxaprod-fund-info-contact-fields {
@ -140,12 +143,12 @@
margin:0; margin:0;
padding: 0; padding: 0;
font-variant: all-petite-caps; font-variant: all-petite-caps;
font-size: 1.1rem; font-size: $font__size-body*1.1;
line-height: 0.9; line-height: 0.9;
align-items: center; align-items: center;
a { a {
text-decoration: none; text-decoration: none;
font-size: 0.8rem; font-size: $font__size-body*0.8;
} }
} }
@ -157,7 +160,7 @@
grid-template-columns: 0.75fr 2.25fr; grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0; padding: 0.2em 0;
border-top: 0.05em solid $color__black; border-top: 0.05em solid $color__black;
font-size: 1em; font-size: $font__size-body*1;
&:last-of-type{ &:last-of-type{
border-bottom: 0.05em solid $color__black; border-bottom: 0.05em solid $color__black;
} }
@ -207,14 +210,14 @@
.xarxaprod-associat-services { .xarxaprod-associat-services {
li { li {
display: grid; display: grid;
font-size: 1em; font-size: $font__size-body*1;
border: none; border: none;
border-top: $border__line; border-top: $border__line;
margin: 0; margin: 0;
padding: 0.5em 0; padding: 0.5em 0;
} }
h6,p { h6,p {
font-size: 1em; font-size: $font__size-body*1;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -238,7 +241,7 @@
align-items: center; align-items: center;
h6,p,a { h6,p,a {
margin: 0.5em ; margin: 0.5em ;
font-size: 1em; font-size: $font__size-body*1;
} }
} }
} }
@ -279,7 +282,7 @@
padding-bottom: 4em; padding-bottom: 4em;
.wp-block-post-title { .wp-block-post-title {
text-transform: lowercase; text-transform: lowercase;
font-size: 1.5em; font-size: $font__size-body*1.5;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
border-bottom: 0.05em solid $color__black; border-bottom: 0.05em solid $color__black;
@ -301,7 +304,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 1em 0; padding: 0.2em 0;
border-bottom: 0.1em solid $color__black; border-bottom: 0.1em solid $color__black;
&:first-of-type { &:first-of-type {
border-top: 0.1em solid $color__black; border-top: 0.1em solid $color__black;
@ -316,7 +319,7 @@
border-bottom: none; border-bottom: none;
} }
p { p {
//font-size: 1.5em; //font-size: $font__size-body * 1.5;
} }
.activity-organizer, .organiza-activitat { .activity-organizer, .organiza-activitat {
} }
@ -453,7 +456,7 @@
.xarxaprod-convo-info-fields, .xarxaprod-convo-info-fields,
.xarxaprod-agenda-info { .xarxaprod-agenda-info {
li { li {
font-size: 1.5em; font-size: $font__size-body*1.5;
} }
} }
@ -473,13 +476,13 @@
.xarxaprod-card-each { .xarxaprod-card-each {
flex-direction: row-reverse; flex-direction: row-reverse;
header,.entry-header { header,.entry-header {
width: 60%; width: 50%;
} }
.activity-organizer, .organiza-activitat { .activity-organizer, .organiza-activitat {
width: 24%; width: 30%;
} }
.agenda-date, .agenda-data { .agenda-date, .agenda-data {
width: 15%; width: 17%;
} }
} }
} }

View File

@ -70,7 +70,7 @@
> section { > section {
padding: 0; padding: 0;
> header { > header {
padding: 2em 0; padding: 1em 0;
} }
} }
} }
@ -111,7 +111,7 @@
.archive-posts { .archive-posts {
display: grid; display: grid;
grid-template-columns: repeat(1 , 1fr); grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap * 3; gap: $grid__gap * 1.5;
} }
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {

View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.4 Version: 1.4.1
Tested up to: 6.4 Tested up to: 6.4
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later

View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.4 Version: 1.4.1
Tested up to: 6.4 Tested up to: 6.4
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later
@ -555,11 +555,10 @@ textarea {
section.last-convos h2 a::after { section.last-convos h2 a::after {
display: inline-block; display: inline-block;
align-self: center; align-self: center;
justify-self: center; font-size: 0.8rem;
font-size: 0.4em;
color: #fff; color: #fff;
background-color: #000; background-color: #000;
padding: 0.4em; padding: 0.6em 0.8em;
} }
[lang="ca"] section.agenda h2 a::after { [lang="ca"] section.agenda h2 a::after {
@ -598,7 +597,7 @@ textarea {
h3, h3,
.h3 { .h3 {
font-size: 1.5rem; font-size: 1.4rem;
} }
h4, h4,
@ -915,7 +914,7 @@ dd {
ul[id*="menu-legal"] li { ul[id*="menu-legal"] li {
float: left; float: left;
padding-left: 0.8em; padding-left: 0.8em;
font-size: 0.8em; font-size: 0.8rem;
} }
ul[id*="menu-social-media"] { ul[id*="menu-social-media"] {
@ -947,7 +946,7 @@ dd {
height: 100%; height: 100%;
width: 100%; width: 100%;
color: #000; color: #000;
font-size: 1em; font-size: 1rem;
font-weight: 900; font-weight: 900;
} }
@ -1046,8 +1045,9 @@ input[type="submit"],
border-radius: 0; border-radius: 0;
background: #000; background: #000;
color: #fff; color: #fff;
font-size: 0.9rem;
line-height: 1; line-height: 1;
padding: 0.5em; padding: 0.6em;
margin: 0; margin: 0;
} }
@ -1256,7 +1256,7 @@ textarea {
} }
.site-main > section > header { .site-main > section > header {
padding: 2em 0; padding: 1em 0;
} }
.site-footer { .site-footer {
@ -1306,7 +1306,7 @@ textarea {
.archive-posts { .archive-posts {
display: grid; display: grid;
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
gap: 3rem; gap: 1.5rem;
} }
} }
@ -1797,10 +1797,14 @@ textarea {
.xarxaprod-card-each .entry-title, .xarxaprod-card-each .entry-title,
.xarxaprod-card-each h6 { .xarxaprod-card-each h6 {
margin: 0; margin: 0;
padding: 0.5rem 0; padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
} }
.xarxaprod-card-each .xarxaprod-deadline {
text-transform: uppercase;
}
.xarxaprod-card-each p { .xarxaprod-card-each p {
padding: 0.5rem 0; padding: 0.5rem 0;
margin: 0; margin: 0;
@ -1809,6 +1813,7 @@ textarea {
.xarxaprod-card-each .excerpt { .xarxaprod-card-each .excerpt {
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding: 0.5em 0;
} }
.xarxaprod-card-each .more-link { .xarxaprod-card-each .more-link {
@ -1885,7 +1890,7 @@ textarea {
grid-template-columns: 0.75fr 2.25fr; grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0; padding: 0.2em 0;
border-top: 0.05em solid #000; border-top: 0.05em solid #000;
font-size: 1em; font-size: 1rem;
} }
.xarxaprod-convo-info-fields li:last-of-type, .xarxaprod-convo-info-fields li:last-of-type,
@ -1946,7 +1951,7 @@ textarea {
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li, .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li { .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li {
display: grid; display: grid;
font-size: 1em; font-size: 1rem;
border: none; border: none;
border-top: 0.05em solid #000; border-top: 0.05em solid #000;
margin: 0; margin: 0;
@ -1957,7 +1962,7 @@ textarea {
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p, .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6, .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p { .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p {
font-size: 1em; font-size: 1rem;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -1976,7 +1981,7 @@ textarea {
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p, .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a { .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a {
margin: 0.5em; margin: 0.5em;
font-size: 1em; font-size: 1rem;
} }
/* /*
@ -2023,7 +2028,7 @@ textarea {
.category-agenda .wp-block-post-title, .category-agenda .wp-block-post-title,
.category-agenda-es .wp-block-post-title { .category-agenda-es .wp-block-post-title {
text-transform: lowercase; text-transform: lowercase;
font-size: 1.5em; font-size: 1.5rem;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
border-bottom: 0.05em solid #000; border-bottom: 0.05em solid #000;
@ -2053,7 +2058,7 @@ textarea {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 1em 0; padding: 0.2em 0;
border-bottom: 0.1em solid #000; border-bottom: 0.1em solid #000;
} }
@ -2209,7 +2214,7 @@ textarea {
.xarxaprod-convo-info-fields li, .xarxaprod-convo-info-fields li,
.xarxaprod-agenda-info li { .xarxaprod-agenda-info li {
font-size: 1.5em; font-size: 1.5rem;
} }
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info { .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
@ -2226,17 +2231,17 @@ textarea {
.xarxaprod-agenda .xarxaprod-card-each header, .xarxaprod-agenda .xarxaprod-card-each header,
.xarxaprod-agenda .xarxaprod-card-each .entry-header { .xarxaprod-agenda .xarxaprod-card-each .entry-header {
width: 60%; width: 50%;
} }
.xarxaprod-agenda .xarxaprod-card-each .activity-organizer, .xarxaprod-agenda .xarxaprod-card-each .activity-organizer,
.xarxaprod-agenda .xarxaprod-card-each .organiza-activitat { .xarxaprod-agenda .xarxaprod-card-each .organiza-activitat {
width: 24%; width: 30%;
} }
.xarxaprod-agenda .xarxaprod-card-each .agenda-date, .xarxaprod-agenda .xarxaprod-card-each .agenda-date,
.xarxaprod-agenda .xarxaprod-card-each .agenda-data { .xarxaprod-agenda .xarxaprod-card-each .agenda-data {
width: 15%; width: 17%;
} }
} }

File diff suppressed because one or more lines are too long

View File

@ -90,7 +90,7 @@
<?php if( get_field('xxp_convo_apply_begin') || get_field('xxp_convo_apply_end') ): ?> <?php if( get_field('xxp_convo_apply_begin') || get_field('xxp_convo_apply_end') ): ?>
<h6>Deadline: <h6 class="xarxaprod-deadline">Deadline:
<?php //the_field('xxp_convo_apply_begin'); ?> <?php //the_field('xxp_convo_apply_begin'); ?>
<?php the_field('xxp_convo_apply_end'); ?> <?php the_field('xxp_convo_apply_end'); ?>
</h6> </h6>
@ -101,8 +101,9 @@
<?php endif; ?> <?php endif; ?>
<section class="excerpt post-excerpt"> <section class="excerpt post-excerpt">
<?php //the_excerpt() ?> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark" class="">
<?php echo wp_trim_words(get_the_excerpt(), 30); // https://developer.wordpress.org/reference/functions/wp_trim_words/?> <?php echo wp_trim_words(get_the_excerpt(), 16); // https://developer.wordpress.org/reference/functions/wp_trim_words/?>
</a>
</section> </section>
<aside class="convo-sector convo-field"> <aside class="convo-sector convo-field">
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_field') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_field') ); ?>