[RISOLTO]CSS border color

[peppeirace]

Salve
devo modificare lo sfondo dell'articolo che ha fondo bianco e bordo di 30px solid bianco

ho modificato il fondo rendendolo bianco trasparente con la proprietà
none repeat scroll 0 0 padding-box rgba(238, 234, 234, 0.63) e fin qui tutto bene

vorrei ora rendere il bordo dello stesso colore ho provato diversi modi ma non ci sto riuscendoma non ci sto riuscendo

qui sotto il CSS, qualche suggerimento?
grazie a tutti

{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 padding-box rgba(238, 234, 234, 0.63);
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 30px;
    padding: 0;
    position: relative;
}

[adottauncane]

Ciao peppeirace,
non sono sicura di aver capito il problema, se puoi mettere il link al sito sarebbe meglio, ma hai un border-color:#FFF; dopo il css none,; quindi di sicuro lo vedi bianco. Prova a toglierlo.

[peppeirace]

speravo che mi rispondessi tu
ho provato a modificare il colore fff ma senza risultato

il link
http://www.zumzumibooks.com/

grazie

[Parossismo]

Puoi togliere il bordo

Codice: [Seleziona]

border: 0px none;

e poi usare un margine come distanziatore, che per definizione è trasparente, quindi fa trasparire lo sfondo che hai impostato per la pagina. Oppure se preferisci un padding (che fa rientrare il testo invece che espandere il box.

Codice: [Seleziona]

margin: 30px;

Se il problema è che non riesci a sovrascrivere una classe CSS che è superiore come gerarchia, specifica meglio la classe gerarchicamente inferiore (a volte un .classesuperiore div.classeinferiore è meglio di solo .classeinferiore). Oppure imponi priorità al codice CSS con !important, tipo ad esempio:

Codice: [Seleziona]

margin: 30px !important;

che ha priorità rispetto a tutti i margin senza !important, da qualunque parte provengano (tipicamente twitter bootstrap framework)

[adottauncane]

Sei off line...

[peppeirace]

risolto in questo modo
era:
border 30px
padding 10

ho messo:
border 0px
padding 30

se c'è un modo più pulito accetto suggerimenti

grazie a tutti
peppeirace

[Parossismo]

Adesso però siamo curiosi di vederlo online sto sito........

[peppeirace]

...è appena all'inizio
cmq
http://www.zumzumibooks.com/

[adottauncane]

Direi che va benissimo. Puoi eventualmente aggiungere il padding alla riga 59 invece di ripetere il css. Credo che possa essere un errore ripetere due volte la stessa classe.

[peppeirace]

i css li sto modificando aggiungendo le regole al file custom.css
come dovrei fare per seguire il tuo consiglio

grazie

[adottauncane]

Lo aggiungi qui:

Codice: [Seleziona]

.uk-article {    background: none repeat scroll 0 0 padding-box rgba(238, 234, 234, 0.63);    border: 0 solid #FFFFFF;    position: relative;}riga 59 e lo togli dalla riga 56

[peppeirace]

...hai ragione
è che lo avevo provato ma avevo scritto male il padding e allora non ottenendo risultati avevo messo quello  a riga 56. ora l'ho eliminato e scritto correttamente

grazie
se sempre gentilissima

peppeirace

[Parossismo]

Great!