🖥️ CSS DESKTOP: Contenuti Accostati (Preserva Immagine Donna)

🖥️ CSS DESKTOP – Contenuti Più Accostati

📋 Codice CSS da Copiare:

<br /> /* === RIDUZIONE SPAZI DESKTOP ONLY – FIXPRO.IT === */</p> <p>/* MEDIA QUERY: Solo per desktop (768px e superiori) */<br /> @media screen and (min-width: 768px) {</p> <p> /* Riduce spaziature generali tra sezioni */<br /> .wp-block-group,<br /> .elementor-section,<br /> .neve-main > .container,<br /> .nv-content-wrap,<br /> .single-page-container {<br /> margin-top: -30px !important;<br /> margin-bottom: -20px !important;<br /> padding-top: 15px !important;<br /> padding-bottom: 15px !important;<br /> }</p> <p> /* Hero section – riduce spazio sotto */<br /> .wp-block-cover,<br /> .hero-section,<br /> .banner-section,<br /> [class*=”hero”] {<br /> margin-bottom: -40px !important;<br /> padding-bottom: 20px !important;<br /> }</p> <p> /* Titolo principale – riduce spazi */<br /> h1, .entry-title,<br /> .wp-block-heading h1 {<br /> margin-top: -20px !important;<br /> margin-bottom: 10px !important;<br /> }</p> <p> /* Sottotitoli e descrizioni */<br /> h2, h3, .wp-block-heading h2,<br /> .wp-block-heading h3,<br /> p.lead, .description {<br /> margin-top: 5px !important;<br /> margin-bottom: 8px !important;<br /> }</p> <p> /* Paragrafi – riduci spaziature */<br /> p {<br /> margin-top: 5px !important;<br /> margin-bottom: 12px !important;<br /> }</p> <p> /* Sezioni con icone/servizi */<br /> .wp-block-columns,<br /> .elementor-row,<br /> .service-section,<br /> [class*=”services”],<br /> [class*=”features”] {<br /> margin-top: -25px !important;<br /> margin-bottom: -15px !important;<br /> padding-top: 10px !important;<br /> padding-bottom: 10px !important;<br /> }</p> <p> /* Singole colonne/carte */<br /> .wp-block-column,<br /> .elementor-column,<br /> .service-item,<br /> .feature-item {<br /> margin-bottom: -10px !important;<br /> padding: 15px 10px !important;<br /> }</p> <p> /* Featured Work / Portfolio */<br /> .portfolio-section,<br /> [class*=”portfolio”],<br /> [class*=”work”],<br /> .wp-block-gallery {<br /> margin-top: -20px !important;<br /> margin-bottom: -15px !important;<br /> }</p> <p> /* Testimonials */<br /> .testimonial-section,<br /> [class*=”testimonial”],<br /> .wp-block-quote {<br /> margin-top: -15px !important;<br /> margin-bottom: -10px !important;<br /> padding: 15px !important;<br /> }</p> <p> /* Bottoni e CTA */<br /> .wp-block-button,<br /> .elementor-button-wrapper,<br /> [class*=”btn”],<br /> .cta-section {<br /> margin-top: 10px !important;<br /> margin-bottom: 5px !important;<br /> }</p> <p> /* Footer call-to-action */<br /> .footer-cta,<br /> [class*=”footer”] {<br /> margin-top: -20px !important;<br /> }</p> <p> /* PRESERVA L’IMMAGINE DELLA DONNA */<br /> img[src*=”person-hero”],<br /> img[src*=”person”],<br /> .person-image,<br /> [class*=”person”] {<br /> margin: inherit !important;<br /> padding: inherit !important;<br /> /* Mantiene le dimensioni originali */<br /> }</p> <p> /* Spazi generali del container principale */<br /> .neve-main,<br /> .content-area,<br /> .site-main {<br /> padding-top: 10px !important;<br /> }</p> <p> /* Riduce spazi nelle righe Elementor/Gutenberg */<br /> .elementor-section-wrap > .elementor-section {<br /> margin-bottom: -30px !important;<br /> }</p> <p> /* Gutenberg blocks spacing */<br /> .wp-block-group__inner-container > * {<br /> margin-top: 5px !important;<br /> margin-bottom: 8px !important;<br /> }</p> <p> /* Header spacing adjustment */<br /> .site-header + .neve-main {<br /> margin-top: -10px !important;<br /> }</p> <p>}</p> <p>/* === FINE MEDIA QUERY DESKTOP === */<br />

🛠️ Come Implementare:

🔍 Verifica Risultati:

1. Apri il sito in una nuova finestra desktop
2. Controlla che i contenuti siano più vicini tra loro
3. Verifica che l’immagine della donna sia intatta
4. Testa su mobile – deve rimanere tutto invariato

🎛️ Personalizzazioni Aggiuntive:

Se vuoi modificare ulteriormente gli spazi, puoi cambiare questi valori nel CSS:

• margin-top: -30px → Cambia per più/meno spazio sopra
• margin-bottom: -20px → Cambia per più/meno spazio sotto
• padding: 15px → Cambia per spazio interno