Nexos/cnt-sindikatua
3
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

FIX img defecto portada

Browse Source
This commit is contained in:
gustavo
2025-10-22 08:00:42 +00:00
parent 8dd19a66dc
commit 5ddd580e29
2 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@ -173,6 +173,13 @@ button[type="reset"] {
align-items: center;
}
/* PORTADA -> imagen noticia principal */
.page-portada .recent-posts .img-noticias {
width: 100%;
height: 100%;
object-fit: cover;
}
/* PORTADA -> CARDS OPINION */
.page-portada .opinion-article .card-img-overlay {
top: auto !important; /* Anula el top: 0 por defecto de Bootstrap */
@ -242,7 +249,7 @@ button[type="reset"] {
font-size: 0.9rem;
}
.page-portada .recent-posts .media-mb {
margin-bottom: 1rem; /* o el valor que necesites */
margin-bottom: 0.5rem;
}
}

21
views/templates/page-portada.twig
View File

@ -10,10 +10,13 @@
{# Columna izquierda - Artículo principal #}
<div class="col-md-8">
{% set main_article = lasts_posts_news[0] %}
<div class="card main-article">
{% set imagen = main_article.thumbnail.src | default('/wp-content/uploads/2025/10/Imagen_por_defecto_300.jpg') %}
{% set alt = main_article.thumbnail.alt | default('Imagen por defecto') %}
<div class="card main-article h-100">
<a href="{{ main_article.link }}">
<img src="{{ main_article.thumbnail.src('medium') }}"
alt="{{ main_article.thumbnail.alt }}"
<img src="{{ imagen }}"
alt="{{ alt }}"
class="card-img img-noticias" />
<div class="card-img-overlay">
<h3 class="card-title text-wrap">
@ -21,16 +24,20 @@
</h3>
</div>
</div>
</div>
{# Columna derecha - Dos artículos secundarios #}
<div class="col-md-4">
<div class="d-flex flex-column h-100 justify-content-between">
{% for article in lasts_posts_news[1:2] %}
<div class="card secondary-article {% if loop.first %}media-mb{% endif %}">
{% set imagen = article.thumbnail.src | default('/wp-content/uploads/2025/10/Imagen_por_defecto_300.jpg') %}
{% set alt = article.thumbnail.alt | default('Imagen por defecto') %}
<div class="card secondary-article {% if loop.first %}media-mb mb-1{% endif %}">
<a href="{{ article.link }}">
<img src="{{ article.thumbnail.src('medium') }}"
alt="{{ article.thumbnail.alt }}"
<img src="{{ imagen}}"
alt="{{ alt }}"
class="card-img img-noticias"/>
<div class="card-img-overlay">
<h3 class="card-title text-wrap">
@ -47,7 +54,7 @@
<p>{{ __('No hay artículos', 'Sindikatua') }}</p>
{% endif %}
{# Sección vídeos + Opinión #}
{# Sección vídeos / Opinión #}
<section class="py-4 margin-50">
{% include 'partials/section-videos&opinion.twig' %}
</section>