Νewsletter form

[troupdim]

Καλησπέρα σας, έχω προσθέσει στο footer του site μου ένα widget του Μailchimp, ώστε ο χρήστης να μπορεί να εγγραφεί στην λίστα του Newsletter. Χρησιμοποιώντας, τον google chrome το κουμπί της εγγραφής είναι στο κέντρο, ακριβώς κάτω από το πεδίο εισαγωγής του email. Όταν όμως δοκιμάζω να μπω στο site με άλλους browsers (firefox ή internet explorer), το κουμπί μεταφέρεται αριστερά όπως φαίνεται κ στο screenshot που σας στέλνω. Πως μπορώ να ρυθμίσω τον κώδικα του mailchimp, έτσι ώστε να φαίνεται το κουμπί στο κέντρο σε όλους τους browsers;

[dominotrix]

Αν μπορεις, βαλε το κουμπι μεσα σε ενα div, και δωστου width:140px;margin:0 auto; Λογικα θα το παει στο κεντρο του parent div.

 

Για την ακριβεια βαλε αυτο:

 

#mc_embed_signup input.button{

margin: 0px auto;

width: 140px;

}

 

#mc_embed_signup input.email{

margin: 0 auto 15px!important;

}

[XPHSTOS_]

Το πρόβλημα είναι ότι βρίσκονται κεντραρισμένα με καρφωτές τιμές και αυτό δημιουργεί τα προβλήματα.

 

#mc_embed_signup input.email {
 margin: 0 auto;
 margin-bottom: 10px;
}

#mc_embed_signup .clear {
 display: block;
}

#mc_embed_signup input.button {
 margin: 0 auto;
}

Αυτοί είναι οι css selectors με τις νέες τιμές μόνο, δηλαδή δεν σβήνεις τα παλιά και βάζεις αυτά... απλά τα κάνεις override κρατόντας ότι άλλη ρύθμιση υπάρχει.
Κατα προτίμηση στο δικό σου custom css (αν έχεις, αλλιώς καλό είναι να κάνεις) πας και προσθέτεις αυτά.
Αν δεν παίξει, δες μήπως το css από το mail chimp φορτώνεται τελευταίο στην σελίδα. Τελευταίο πρέπει να είναι το δικό σου, το custom.

Στην ουσία λέω το ίδιο με τον dominotrix αλλά για να μην "χαλάσω" την τιμή του ποσοστού στο width που έχει το button κάνω το parent element (.clear) block.
Και τα 2 σωστά είναι!