Come rimuovere la casella intorno Zen Cart

May 27

Zen Cart è open-source software carrello della spesa che chiunque può utilizzare e modificare. Zen Cart ha alcuni elementi che danno l'aspetto di una scatola intorno alla zona sito principale e il carrello logo Zen. Modifiche di modificare il codice del foglio di stile CSS che controlla gli elementi visivi è facile una volta che sai dove guardare e come apportare modifiche.

istruzione

Borders Logo

1 Apri "small_zen_logo.gif" in un programma di disegno. L'immagine può essere trovata seguendo il percorso del file NAME_OF_YOUR_ADMIN_FOLDER / immagini / small_zen_logo.gif. Questo è il più piccolo dei due Carrello loghi Zen che appaiono nell'area amministrativa. All'interno del software, i loghi Carrello Zen inclusi hanno un bordo che rendono l'immagine appare vincolata da una scatola. La rimozione di questo contenitore crea una più gradevole aspetto.

2 Dipingi il bordo scuro con il bianco.

3 Salvare l'immagine alterata. Carica al server, e sovrascrivere il carrello logo Zen esistente.

4 Ripetere i passaggi da 1 a 3 per il carrello logo Zen che appare nella parte superiore dell'area amministrativa. Si molti sceglie di sovrascrivere questo logo con il logo aziendale utilizzando lo stesso nome del file immagine e filepath: NAME_OF_YOUR_ADMIN_FOLDER / immagini / logo.gif

Colore di sfondo

5 Aprire stylesheet.css in un editor di codice sorgente. Il file può essere situato nel file originale impostato seguendo questo percorso del file: /includes/templates/classic/css/stylesheet.css

6 Cambiare il colore di sfondo dal blu al bianco. modello "classico" di Zen Cart ha uno sfondo blu pallido. Questo può essere cambiato sul stylesheet.css nell'editor di codice sulla linea 16: Il codice di colore esadecimale HTML corrente per il blu è # e5edf5. Modificare questo codice per #FFFFFF per creare uno sfondo bianco.

7 Salvare il file. Mantenere stylesheet.css aperto nell'editor di codice e passare alla sezione successiva.

Rimuovere bordi verticali

8 Individuare la linea 186 nel codice di stylesheet.css. Il codice in linea 186 è simile al seguente: border: 1px solid # 9a9a9a;

9 Eliminare linea 186.

10 Salvare le modifiche a questo file. Carica stylesheet.css al server. Utilizzare lo stesso percorso del file come si trova nel file impostato per trovare la posizione corretta per sovrascrivere il file CSS esistente.