styled agenda aspect ratio of images and spaces

adminstyles.css

@@ -17,7 +17,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
 Author: Hangar.org Tech Lab - 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>
-Version: 1.1.4
+Version: 1.1.5
 Tested up to: 6.4
 Requires PHP: 7.4
 License: GNU General Public License v3 or later
@@ -1977,6 +1977,27 @@ Add your custom styles in this file so it is easier to update the theme.
 		font-size: 1.5em;
 	}
 
+	.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] {
+		position: relative;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-featured-image,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-featured-image {
+		position: absolute;
+		top: 0;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-title::before,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-title::before {
+		content: "";
+		display: inline-block;
+		min-width: 100%;
+		height: auto;
+		aspect-ratio: 1/1;
+		margin-bottom: 2em;
+	}
+
 	.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
 		display: grid;
 		grid-template-columns: 1fr;

sass/components/content/_posts-and-pages.scss

@@ -99,7 +99,6 @@
     .xarxaprod-card-each {
       display: flex;
       flex-direction: column;
-      //flex-direction: row-reverse;
       justify-content: space-between;
       padding: 1em 0;
       border-bottom: 0.1em solid $color__black;
@@ -107,7 +106,6 @@
         border-top: 0.1em solid $color__black;
       }
       header,.entry-header {
-       // width: 60%;
       }
       .entry-title,h6 {
         border-bottom: none;
@@ -116,13 +114,30 @@
         font-size: 1.5em;
       }
       .activity-organizer, .organiza-activitat {
-       // width: 24%;
       }
       .agenda-date, .agenda-data {
-       // width: 15%;
       }
     }
   }
+  li.category-activitats,
+  li[class*='category-agenda'] {
+    position: relative;
+    .wp-block-post-featured-image {
+       position: absolute;
+      top:0;
+    }
+    .wp-block-post-title {
+    }
+    .wp-block-post-title:before {
+      content: "";
+      display: inline-block;
+      min-width: 100%;
+      height: auto;
+      aspect-ratio: 1/1;
+      margin-bottom: 2em;
+    }
+  }
+
 
   /* filters form custom fields
    */

sass/style.scss

@@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
 Author: Hangar.org Tech Lab - 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>
-Version: 1.1.4
+Version: 1.1.5
 Tested up to: 6.4
 Requires PHP: 7.4
 License: GNU General Public License v3 or later

style.css

@@ -43,11 +43,8 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 	- Media
 	- Captions
 	- Galleries
-# Plugins
+# plugins
 	- Jetpack infinite scroll
-  - Guttenberg
-  - Guttenslider
-  - Contact Form 7
 # Utilities
 	- Accessibility
 	- Alignments
@@ -1837,6 +1834,27 @@ textarea {
 		font-size: 1.5em;
 	}
 
+	li.category-activitats,
+	li[class*="category-agenda"] {
+		position: relative;
+	}
+
+	li.category-activitats .wp-block-post-featured-image,
+	li[class*="category-agenda"] .wp-block-post-featured-image {
+		position: absolute;
+		top: 0;
+	}
+
+	li.category-activitats .wp-block-post-title::before,
+	li[class*="category-agenda"] .wp-block-post-title::before {
+		content: "";
+		display: inline-block;
+		min-width: 100%;
+		height: auto;
+		aspect-ratio: 1/1;
+		margin-bottom: 2em;
+	}
+
 	/* filters form custom fields
    */
 	.xarxaprod-filtered-content {
@@ -2184,16 +2202,6 @@ textarea {
 	margin: 0 0.3rem;
 }
 
-.wpcf7-form input[type="email"] {
-  background: transparent;
-  border: 0.1em solid black;
-  padding: 1em;
-  text-align: center;
-}
-.wpcf7-form {
-  text-align: center;
-}
-
 /* styles applied if written in wp backend
  * class="contactform contactform-WHATEVER"
  * */