The website link is http://www.italianafinanziamenti.it, and the corrupted module is the one on the homepage on the right, named “Preventivo personalizzato – Ottienilo in pochi passaggi”.

The CF7 formular code is divided in 2 steps.
Step 1:

<font size="3">Puoi ottenere un preventivo per la Cessione del Quinto, Delegazione di Pagamento, Anticipo del TFS o Prestito Personale.</font>

Tipologia di impiego[select TipoImpiego "Scegli" "Lavoratore Dipendente" "Lavoratore Autonomo" "Pensionato"]

[group GTipoContratto]
Tipo di contratto[select* TipoContratto "Scegli" "Tempo Determinato" "Tempo Indeterminato"]
[/group]

[group GTipoAzienda]
Tipo azienda[select TipoAzienda "Scegli" "Pubblica / Statale" "Parapubblica" "Privata" "Altro"]
[/group]

[group GEnteErogante]
Ente erogante[select* EnteErogante "Scegli" "INPS" "EX INPDAP" "Altro ente"]Tipologia di pensione[select* TipologiaPensione "Scegli" "Contributiva / Retributiva" "Inabilità / Invalidità ordinaria" "Invalidità civile" "Altra" ]
[/group]

[group GForma]
Forma[select* FormaAzienda "Scegli" "SRL/SPA" "Altro"]
[/group]

[group GRedditoMensile]
Reddito mensile[select* RedditoMensile "Scegli" "€ 500" "€ 600" "€ 700" "€ 800" "€ 900" "€ 1000" "€ 1100" "€ 1200" "€ 1300" "€ 1400" "€ 1500" "€ 1600" "€ 1700" "€ 1800" "€ 1900" "€ 2000" "€ 2000+"]
[/group]

[group GEta]
Età[select eta "Scegli" "19" "20" "21" "22" "23" "24" "25" "26" "27" "28" "29" "30" "31" "32" "33" "34" "35" "36" "37" "38" "39" "40" "41" "42" "43" "44" "45" "46" "47" "48" "49" "50" "51" "52" "53" "54" "55" "56" "57" "58" "59" "60" "61" "62" "63" "64" "65" "66" "67" "68" "69" "70" "71" "72" "73" "74" "75" "76" "77" "78" "79" "80" "81" "82"]
[/group]

[group GImportoRichiesto]
Importo richiesto[select* ImportoRichiesto "Scegli" "€ 0-5000" "€ 5000-10000" "€ 10000-20000" "€ 20000-30000" "€ 30000-40000" "€ 40000-50000" "€ 50000-60000" "€ 60000-75000"]
[/group]

[group GProvincia]
Provincia di residenza[select* Provincia "Scegli" "Agrigento" "Alessandria" "Ancona" "Aosta" "Arezzo	" "Ascoli Piceno" "Asti" "Avellino" "Bari" "Barletta-Andria-Trani" "Belluno" "Benevento" "Bergamo" "Biella" "Bologna" "Bolzano" "Brescia" "Brindisi" "Cagliari" "Caltanissetta" "Campobasso" "Carbonia-Iglesias" "Caserta" "Catania" "Catanzaro" "Chieti" "Como" "Cosenza" "Cremona" "Crotone" "Cuneo" "Enna" "Fermo" "Ferrara" "Firenze" "Foggia" "Forli’-Cesena" "Frosinone" "Genova" "Gorizia" "Grosseto" "Imperia" "Isernia" "La Spezia" "L’Aquila" "Latina" "Lecce" "Lecco" "Livorno" "Lodi" "Lucca" "Macerata" "Mantova" "Massa-Carrara" "Matera" "Medio Campidano" "Messina" "Milano	" "Modena" "Monza e Brianza" "Napoli" "Novara" "Nuoro" "Ogliastra" "Olbia-Tempio" "Oristano" "Padova" "Palermo" "Parma" "Pavia" "Perugia" "Pesaro e Urbino" "Pescara" "Piacenza" "Pisa" "Pistoia" "Pordenone" "Potenza" "Prato" "Ragusa" "Ravenna" "Reggio Calabria" "Reggio Emilia" "Rieti" "Rimini" "Roma" "Rovigo" "Salerno" "Sassari" "Savona" "Siena" "Siracusa" "Sondrio" "Taranto" "Teramo" "Terni" "Torino" "Trapani" "Trento	" "Treviso" "Trieste" "Udine" "Varese" "Venezia" "Verbano-Cusio-Ossola" "Vercelli" "Verona" "Vibo Valentia" "Vicenza" "Viterbo"]
[/group]

[group GNoCompilati2]
<strong>Torna indietro per compilare i dati mancanti.<strong>
[/group]
["Indietro" "Avanti" "Step 2"][group GDatiPersonali]
<br>
Nome e Cognome[text* NomeCognome]
Indirizzo E-mail[email* email]
Numero di telefono[tel* tel]
[acceptance privacy] Ho letto e accetto la <a href="privacy-cookie-policy" title="privacy-cookie-policy">Privacy e Cookie Policy</a>. [/acceptance]
[/group]

[group GNofinanziamento]
<strong>Ci dispiace, non puoi ottenere un finanziamento. Contattaci per maggiori informazioni.<strong>
[/group]

[group GNoCompilati3]
<strong>Torna indietro per compilare i dati mancanti.<strong>
[/group]

Step 2:

[group GChiusura]

[radio trattamento use_label_element "Accetto" "Non accetto"]
<font size="1">Presto liberamente il mio consenso al trattamento dei dati personali, per adempiere ad obblighi di legge e regolamentari, per adempiere alle attività di analisi e d’istruttoria finalizzata all’ottenimento ed alla gestione del finanziamento da parte di Italiana Finanziamenti S.r.l.s. qualora concesso, nonché per quanto riguarda il trattamento dei dati sensibili già acquisiti o che saranno acquisiti a seguito delle operazioni sopra previste, sempre che tale acquisizione sia strumentale e nei limiti della specifica finalità perseguita dall’operazione e dai servizi richiesti.</font>

[radio comunicazione use_label_element "Accetto" "Non accetto"]
<font size="1">Presto liberamente il mio consenso per la comunicazione dei dati personali per le finalità ed alle categorie di soggetti enunciate nell’art. 3 dell’informativa e, comunque, secondo le indicazioni ivi riportate, nonché per la loro diffusione alle medesime categorie di soggetti.</font>

[radio informazioni use_label_element "Accetto" "Non accetto"]
<font size="1">Presto liberamente il mio consenso per il trattamento dei dati personali al fine di ricevere informazioni inerenti le offerte di prodotti e servizi di Italiana Finanziamenti S.r.l.s. o di soggetti terzi, ivi comprese quelle informazioni commerciali relative.</font>

[submit "Invia"]

[/group]

[group GContatti]
<strong><a href="/contatti/">VAI ALLA PAGINA DEI CONTATTI</a><strong>
[/group]

[group GNoCompilati]
<strong>Torna indietro per compilare i dati mancanti.<strong>
[/group]

[group GNoPrivacy]
<strong>È necessario accettare la Privacy e Cookie Policy. Torna Indietro per accettarla.<strong>
[/group]

Hello,

I activated the title as suggested and the following result is reasonable;
https://www.federscacchilazio.com/notizie/
Only I would like to change the font size of the title and put it in the center and not on the left like now,
Another thing that would be appropriate is to add a horizontal gallery between the menu and the title, as in the following page.
https://www.federscacchilazio.com/2024/07/26/campionato-regionale-giovanile-lazio-2024/
Would it be possible to make these changes?

Thanks for the support
Andrea

Hi Rikard,
thanks for your fast reply!
That works nice with the font-family and the font-size.
But i’m not able to reduce the space above and below the text-block?
I tried to change:

  padding-top: 12px;
  padding-bottom: 8px;

but it does not change as on the screenshot?

kind regards
Jak

Sorry, sure…
I just saw, that i can’t add links to special heading. So i changed it to a text-block with links.
How can i use the same css for the text-block instead of the special heading (i added the class “text-about” in developer settings for this text-block)?

#main .container_wrap_first .av-special-heading.custom-class {
	margin-top: 0px;
padding-top: 12px;
padding-bottom: 8px;
}

and also use this css for the font-style too:

font-size: 18px;
  font-family: zen-kaku-gothic-new;
font-weight: 500;

Sorry for my confusion.

kind regards
Jak

• This reply was modified 1 year, 8 months ago by Jak73.

Hi Mike,

this works great!
How can i add a text styling too:

font-size: 18px;
  font-family: zen-kaku-gothic-new;
font-weight: 500;

Tried to add this to the css above, but it’s not affecting it?

kind regards
Jak

• This reply was modified 1 year, 8 months ago by Jak73.
• This reply was modified 1 year, 8 months ago by Jak73.

Finally success!

.gast_sort {
    position: relative; 
}

.gast_sort .grid-image {
    position: relative; 
    display: inline-block; 
    overflow: hidden; 
}

.gast_sort .grid-image::before {
    content: 'Gast'; /
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    background-color: rgba(218, 218, 33, 0.5); 
    color: #ffffff; 
    padding: 5px 10px; 
    box-sizing: border-box;
    font-weight: bold;
    font-size: 24px; 
    z-index: 10; 
    text-align: center; 
}

Sounds easy enough!
I added a portfolio category ‘Gast’ and added the following function to ad a custom class to the categorized portfolios, but I cant seem to get the banner to show up.

I added this to functions.php of the child theme:

function add_custom_category_class($classes) {
    if (is_category('378')) {
        $classes[] = 'category-378';
    }
    return $classes;
}
add_filter('body_class', 'add_custom_category_class');

and this to my css:

.category-378 .grid-entry .inner-entry {
  position: relative;
}

.category-378 .grid-entry .inner-entry::before {
  content: 'Gast';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

height: 50px;
background-color: rgba(255, 0, 0, 0.8);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: bold;
transform: rotate(-45deg);
transform-origin: top left;
z-index: 1;
}

Thank you.
I am a bit stumped. I thought it is a quite easy fix, but I run into problems.

My idea is to first figure out how to get anything shown on top of the image. Lets say ‘Test’ and then when that works make it so that it only displays when the portfolio item has a certain attribute. But I am already struggling to get “test” to show up.

Here is the code I found to change:

$image = get_the_post_thumbnail( $the_id, $image_size, $image_attrs );
                    if( ! empty( $image ) )
                    {
                        $output .= '<div class="av_table_col portfolio-grid-image">';
                        $output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid . "' class='grid-image avia-hover-fx'>{$custom_overlay} {$image}</{$link_markup[1]}>";
                        $output .= '</div>';
                    }
                    $output .= '<footer class="entry-footer"></footer>';
                    $output .= '</article>';
                    $output .= '</div>';

And here is the code I change it to:

$image = get_the_post_thumbnail($the_id, $image_size, $image_attrs);
if (!empty($image)) {
    $output .= '<div class="av_table_col portfolio-grid-image">';
    $output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid . "' class='grid-image avia-hover-fx'>";
    $output .= "{$custom_overlay} {$image}";
    $output .= "<div class='overlay-text'>test</div>"; // Add this line for the overlay
    $output .= "</{$link_markup[1]}>";
    $output .= '</div>';
}
$output .= '<footer class="entry-footer"></footer>';
$output .= '</article>';
$output .= '</div>';

I also added the following passage to my style.css

.grid-image {
    position: relative; 
    display: inline-block;
}

.grid-image img {
    display: block; 
    width: 100%;
    height: auto;
}

.overlay-text {
    position: absolute;
    bottom: 10px;
    left: 10px; 
    background-color: rgba(255, 255, 255, 0.7); 
    color: #dada21; 
    padding: 5px 10px; 
    border-radius: 5px; 
    font-size: 16px; 
    font-weight: bold; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

Unfortunately I dont get the text to show up.
Where is my mistake?