immagine background custom html

[Alessia77]

Ciao a tutti e come al solito perdonate l'ignoranza o la domanda magari stupida per voi.
Spesso capita di vedere dei template che hanno delle posizioni preconfigurate con una immagine di background preimpostata (vedi immagine allegata).
Il tutto si potrebbe ridurre a un custom html con una immagine di background.
Così facendo però la grandezza dell'immagine di background è limitata alla dimensione del testo.
Veniamo quindi alla domanda ossia come faccio a replicare in un qualsiasi template e in qualsiasi posizione io voglia una immagine di background simile all'immagine allegata?
Spero di essermi spiegata bene.
Grazie a chiunque risponderà e scusate ancora l'ignoranza

[giusebos]

Sei sicura che questo tuo problema non lo sia stato per qualcun'altro prima di te?
perchè io ricordo decine e decine di discussioni sull'argomento....

[Alessia77]

Probabilmente sbaglio tipo di ricerca perchè non trovo niente 

[xplosion]

Devi aggiungere una classe css personalizzata con un'istruzione del genere:

Codice: [Seleziona]

.lamiaclasse{background: #fff url("nome_immagine.png") no-repeat;
}Dove "nome_immagine.png" lo sostituisci con il nome della tua immagine, compresso il percorso giusto, ovvio.

[Alessia77]

Grazie posso anche fare una classe del tipo:

Codice: [Seleziona]



.lamiaclasse {

    padding: 50px 0;    margin: 20px 0;    background-attachment: fixed;    background-image: linear-gradient(rgba(71,130,3,0.55),rgba(71,130,3,0.55)),url(/crafty/templates/crafty/images/slider.jpg);    background-repeat: no-repeat;    background-size: cover;
}