[ Tema Wordpress] Problemi di CSS

[Martina Stella]

Ciao. Ho quasi finito di modificare il tema wordpress su cui sto lavorando. Manca qualche dettaglio credo di CSS e spero possiate darmi una mano.

1- Quando inserisco un widget di testo in sidebar il testo viene fuori in nero, quasi illeggibile considerando che lo sfondo è grigio scuro. Ho cercato nel file style.css la stringa da modificare per cambiare il colore della scritta ma non l'ho trovata. Potete aiutarmi?

2-Nella versione originale del tema parte della barra rossa delle categorie era destinata alla casella CERCA. Io l'ho eliminata ma le categorie continuano a non usare quello spazio. Poi vorrei anche cambiare il colore della categoria quando ci si passa sopra con il mouse.

il tema lo potete vedere qui
http://vampirelove.altervista.org/blog/
Grazie!

[ssjx]

Ciao

ti rispondo al volo sulla prima che, da una rapida occhiata all'inspector, dovrebbe essere risolta modificando .sidebox div ..... appena mi libero vedo meglio l'altra domanda

[ssjx]

anzi molto semplice anche la 2... basta modificare #menu impostando width al 100%

[Andy94]

Ciao. Andiamo per ordine:

Punto 1.
Trova le righe

Codice: Seleziona tutto

.sidebox div {
   padding: 5px 10px;
   margin:0;
}

E aggiungi, fra le regole preesistenti

Codice: Seleziona tutto

   color: white;

Sostituendo il colore con quello che ti interessa.

Punto 2.
Trova le righe

Codice: Seleziona tutto

#menu {
    float: left;
    height: 38px;
    margin: 0;
    padding: 0 5px;
    width: 770px;
}

E rimuovi la riga width.


Per ogni altro chiarimento siamo qui.
Buona serata!

[Martina Stella]

Grazie ora provo
EDIT: entrambe le modifiche effettuate con successo!

Grazie mille! Avrei un'alta cosetta da chiedere: sempre riguardo al menu delle categorie vorrei cambiare il colore che appare quando ci si passa sopra con il mouse...

[Martina Stella]

Volevo chiedere a entrambi per individuare così facilmente le stringhe da modificare usate firebug?

[Andy94]

Io sì

[ssjx]

Anche io (vabbè la controparte di Opera ma il concetto resta ) ... è facile perché basta cliccare col dx nel punto desiderato e scegliere "Inspect element" per sapere esattamente su cosa agire

[Martina Stella]

L'ho installato anche io e sto provando utilizzarlo tuttavia non riesco a capire quale valore devo modificare per ingrandire i nomi delle pagine (Home, Episodi, ecc..in alto). Dovrebbe essere qualcosa che sta in #catmenu se non mi sbaglio...e poi non trovo in #menu la riga per cambiare il colore della categoria quando ci si passa sopra con il mouse: potete aiutarmi?

[Andy94]

Mettiamo una cosa in chiaro: non è che installando Firebug ti dica lui quali regole devi aggiungere per fare cosa, se una regola manca devi saperla aggiungere tu. Detto questo, veniamo ai fatti.

Ingrandimento carattere.
Alla riga 433 del foglio di stile dovresti trovare

Codice: Seleziona tutto

#catmenu ul {

All'interno di questo blocco di regole inserisci

Codice: Seleziona tutto

font-size: 26px

Sostituendo 26px con la dimensione che preferisci, sia essa in percentuale, pixel, punti o em.

Cambiare il colore della categoria
Questo non mi è ben chiaro: intendi cambiare il colore del testo quando ci passi sopra con il mouse? Semplice:
Alla riga 337 dovresti trovare

Codice: Seleziona tutto

#menu li a:hover, #menu li a:active {

All'interno del quale c'è la proprietà color che devi modificare per variare il colore del testo.

[Martina Stella]

Grazie. No per il secondo punto se tu vedi quando passi sopra a una categoria lo sfondo del menu per quella categoria diventa arancione. E' quello il colore che io vorrei cambiare non il colore del testo...

[Martina Stella]

EDIT: risolto anche il secondo punto. Grazie ragazzi!

[Andy94]

Scusa il ritardo, ma oggi ho avuto molto da fare (e non ho finito! )
Quel colore era dato dall'immagine, che andava modificata o rimossa (come te ne sarai accorta).

Grazie a te!

[Martina Stella]

Tranquillo! Comunque mi chiedevo se volessi far star i nomi delle pagine in un riquadro con bordo colorato per evidenziarle e separarle meglio che regola dovrei aggiungere?

[Andy94]

Uhm... Spiegati meglio: intendi quelli all'inizio della pagina?
Cosa vorresti fare di preciso (bordo, sfondo, ecc?)

[Martina Stella]

Si mi riferisco alle pagine in alto (Home, ecc...) e pensavo a un bordo, lasciando lo sfondo invariato. Si può fare?

[Martina Stella]

Ho risolta da sola usando

Codice: Seleziona tutto

 border-style:solid;
        border-color:#8a1319;
        border-width:1px;

Grazie ancora per il vostro preziosissimo aiuto!

[Andy94]

Puoi anche unificare il tutto con

Codice: Seleziona tutto

border: 1px solid #8a1319;

Sono le cosiddette shorthand properties, che ti permettono di risparmiare tempo.

[Martina Stella]

Grazie ultimissima richiesta: nella slide che mostra gli articoli in evidenza sono riuscita a modificare il colore del titolo dei post, visibili nella colonna di sinistra. Non riesco però a trovare la stringa per cambiare il colore che assume il titolo quando viene selezionato con il mouse (da rosso diventa giallo). So che si trova in glide.css ma ho fatto diversi tentativi a vuoto. Grazie

[ghina90]

glide.css (riga 97)

Codice: Seleziona tutto

#tabnav li.ui-tabs-selected h3 {
    color: #E0AF17;
}

glide.css (riga 108)

Codice: Seleziona tutto

.listab h3 {
    color: #8A1319;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
}

devi modificare i due attributi color, il primo è quello riferito al titolo selezionato cioè in questo caso il giallo, mentre il secondo e quello riferito a quelli non selezionati cioe rosso.