Banner σε transparent background

[mixalplir]

Καλησπέρα.Θέλω σε ένα blog φτιαγμένο σε wordpress να προσθέσω ένα banner(photo ή flash) στα sidebars.Μπορώ το βάλω με html σε ένα custom hmtl widget αλλά το πρόβλημα μου είναι ότι το background στη σελίδα είναι transparent ενώ στα widgets είναι άσπρο.Εγώ θέλω να εμφανίζεται μόνο η φωτογραφία.Μπορώ με κάποιο τρόπο να φτιάξω ένα ξεχωριστό widget που να έχει transparent background και τα υπόλοιπα να είναι κανονικά με λευκό background;
Ή εναλλακτικά γίνεται να προσθέσω κατευθείαν τον html κώδικα του banner στα αρχεία php των sidebar;

[Zifnab]

Δεν ξέρω πολλά από wordpress και widgets αλλά παίζει να πειράξεις πράγματα από css ή javascript? Αν έχουν inline style κατά ανάγκη αν και κακή πρακτική χρησιμοποίησε !important δίπλα στους κανόνες του css για να μπορούν να κάνουν override τους inline κανόνες (σε περίπτωση που υπάρχουν)

[mixalplir]

Ναι μπορώ να πειράζω το css.Συγκεκριμένα το css που έχουν τα widgets στο δεξιό και αριστερό sidebar είναι

Code: Select all

.widget-container {
    list-style-type: none;
    list-style: none;
    margin: 0px 2px 10px 5px;
    padding:0px;
    color: #0A246A;
    font-size: 13px;
    background: #ffffff;

Πως μπορώ να κάνω το override που περιγράφεις?

[cyberpython]

Ναι μπορώ να πειράζω το css.Συγκεκριμένα το css που έχουν τα widgets στο δεξιό και αριστερό sidebar είναι

Code: Select all

.widget-container {
    list-style-type: none;
    list-style: none;
    margin: 0px 2px 10px 5px;
    padding:0px;
    color: #0A246A;
    font-size: 13px;
    background: #ffffff;

Πως μπορώ να κάνω το override που περιγράφεις?

Αντί για

Code: Select all

background: #ffffff;

άλλαξέ το σε:

Code: Select all

background: inherit;

[Luke]

Αν και καθυστερημένα ας απαντήσω κι εγώ.

Αν κατάλαβα καλά τι θες να κάνεις δοκίμασε αυτό που λέει ο cyberpython για inherited background.
Επίσης καλύτερα να βάλεις καρφωτά τον κώδικα του widget/banner στο sidebar.php και εκεί να ορίσεις να έχει κάποιο ξεχωριστό class (ενδεχομένως και σε συνδυασμό με το !important που λέει ο Zifnab) το οποίο να έχει αυτό τον κανόνα ώστε να εφαρμόζεται μόνο σε αυτό το widget, δηλ. κάπως έτσι:

Code: Select all

.myclass
{
  background:inherit !important;
}

Επίσης αν θες κάτω από αυτό το widget να εμφανίζονται και άλλα που τα έχεις όμως προσθέσει μέσα από το admin panel και για να μη χρειάζεται να τα περνάς όλα καρφωτά δες το παρακάτω άρθρο για να δημιουργήσεις 2η sidebar, την οποία θα προσθέσεις κάτω από την ήδη υπάρχουσα. Στο site θα φαίνεται σαν μία ενιαία και απλά θα απρεμβάλλεται το widget σου ενδιάμεσα.
Άρθρο