Back to top

Autore Topic: [RISOLTO] sfondo titolo articolo full-widht  (Letto 1885 volte)

Offline mariarosaria

  • Appassionato
  • ***
  • Post: 514
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
[RISOLTO] sfondo titolo articolo full-widht
« il: 23 Nov 2019, 18:41:21 »
Ho letto parecchie discussioni su come ottenere uno sfondo full-widht, ma non riesco a venirne fuori e apro un nuovo post perchè ho un problemino un po' più particolare, almeno credo.

Se visitate questa pagina, noterete che ho messo uno sfondo rosso dietro il titolo dell'articolo.

Vorrei che il rosso occupasse tutta la lunghezza dello schermo, ho provato diverse soluzioni.
Un esempio lo si vede qui, nella barra azzurra subito sotto lo slider dove c'è scritto "la nostra vita"

Il problema è che tutte le regole di width o position che attribuisco, mi vanno a spostare anche il titolo dell'articolo e vorrei evitarlo. Infatti riesco a riposizionare il titolo soltanto dandogli un margine, ma ovviamente questa è una soluzione poco responsive.

Come template uso helix ultimate.
So che posso creare delle posizioni full-widht, ma essendo un background riguardante il titolo dell'articolo e non un div qualsiasi, non so come agire.

Grazie a tutti
« Ultima modifica: 24 Nov 2019, 10:31:19 da mariarosaria »

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #1 il: 23 Nov 2019, 18:53:56 »
Non puoi farlo dato che il titolo fa parte del content e un div non può uscira dal suo div contenitore. Ma poi, scusa, a tutto schermo quel rosso stonerebbe. Comunque modificando il content potresti assegnarne il titolo fuori dal div contenitore.

Offline mariarosaria

  • Appassionato
  • ***
  • Post: 514
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #2 il: 23 Nov 2019, 18:57:01 »
Grazie tomtomeight
Il rosso l'ho messo provvisoriamente, giusto come prova. Metto quello che dovrebbe essere

A questo punto la domanda sorge spontanea: come modifico il content?  :-[

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #3 il: 23 Nov 2019, 22:28:44 »
Vorrei che il rosso occupasse tutta la lunghezza dello schermo, ho provato diverse soluzioni.

Intendi qualcosa tipo questa?
La fascia arancione full-width sotto alla grande immagine ha il titolo pagina in h1, fatta con Helix Ultimate sfruttando le opzioni del menu messe a disposizione dal template.

Offline mariarosaria

  • Appassionato
  • ***
  • Post: 514
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #4 il: 23 Nov 2019, 23:36:31 »
Lo sapevo che Limma aveva la soluzione!!!

Sei un mito e conosci helix alla perfezione!
Solo che non mi riesce...
Intendevi questa opzione? https://prnt.sc/q15lil

Devo mettere qualche classe personalizzata?
« Ultima modifica: 23 Nov 2019, 23:44:09 da mariarosaria »

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #5 il: 23 Nov 2019, 23:44:26 »
Sì, esattamente quella opzione  :)

Offline mariarosaria

  • Appassionato
  • ***
  • Post: 514
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #6 il: 24 Nov 2019, 09:16:33 »
Sì, ma come vedi dall'immagine l'ho attivata, però non va...
Non vedo nessuno sfondo viola e nessun titolo "Helix"...
Quale potrebbe essere il problema?

https://www.cittadelladellimmacolata.it/chi-siamo

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #7 il: 24 Nov 2019, 09:48:31 »
 ???
Nel layout del template c'è la posizione "title" subito sotto a "header"?

Offline mariarosaria

  • Appassionato
  • ***
  • Post: 514
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #8 il: 24 Nov 2019, 10:21:28 »
Questo layout builder mi è ancora un pò misterioso...

Ho creato una nuova sezione e gli ho attribuito la position title. Adesso il viola si vede!
Però non è ancora full width...

Nel sito che mi hai linkato ho dato un'occhiata al codice e non vedo particolari regole custom...

Cosa mi manca?
« Ultima modifica: 24 Nov 2019, 10:25:12 da mariarosaria »

Offline mariarosaria

  • Appassionato
  • ***
  • Post: 514
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
Re:sfondo titolo articolo full-widht
« Risposta #9 il: 24 Nov 2019, 10:31:01 »
Risolto.
Ho creato una nuova sezione in layout builder, gli ho assegnato la posizione "title" e ho impostato fluid width da "row options".

P.S. Limma, come faccio ad attivare tutte le posizioni???
Devo creare nuove sezioni e attribuire le posizioni non ancora visibili che mi ritrovo nel menu a tendina?
Esiste qualche anteprima di tutte le posizioni di helix nel sito joomshaper o da qualche altra parte?
Grazie, come sempre

Offline mariarosaria

  • Appassionato
  • ***
  • Post: 514
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
Re:[RISOLTO] sfondo titolo articolo full-widht
« Risposta #10 il: 24 Nov 2019, 10:37:07 »
Ho spostato il breadcrumb sotto il main body. Perchè lo visualizzo sia nella barra del titolo che nella posizione da me assegnata?Grazie

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] sfondo titolo articolo full-widht
« Risposta #11 il: 24 Nov 2019, 10:52:25 »
Un quesito per post, per ogni quesito apire un nuovo post con titolo esplicativo, solo così il forum sarà ordinato e più facilmente fruibile da parte di tutti, grazie della collaborazione.

 



Web Design Bolzano Kreatif