Problemi con sito responsive

[Crab]

In casi come questi, applico la regola css:

*{
    border:1px solid red;
}

Apro parentesi, la regola può essere applicata direttamente dal browser (senza quindi modificare i files css) tramite lo strumento Ispezione Codice (click destro analizza elemento o similari).

Ebbene applicando la regola via browser è saltato fuori che il file easy-social-share-buttons.css alla riga 575 riporta:

.fb-like span {
    overflow: visible !important;
    width: 450px !important;
    margin-right: -375px;
}

ed è proprio quel width: 450px !important; che "allarga" il body e crea la colonna bianca a destra.
Per ovviare basterà togliere !important di modo che lo stile in-line non venga sovrascritto.

Spero di essere stato d'aiuto.

Grazie mille per la risposta, come posso modificare il css del plugin per un comando !important? Il plugin ha una sezione Additional CSS però ovviamente non sovrascrive il codice originario.

[lucavizzi]

Grazie mille per la risposta, come posso modificare il css del plugin per un comando !important? Il plugin ha una sezione Additional CSS però ovviamente non sovrascrive il codice originario.

Il file si trova in /wp-content/plugins/easy-social-buttons3/assets/css/metro-retina/easy-social-share-buttons.css

Dovresti scaricarlo via FTP, modificare il rigo 575 togliendo "!important" e ricaricarlo

[Crab]

Il file si trova in /wp-content/plugins/easy-social-buttons3/assets/css/metro-retina/easy-social-share-buttons.css

Dovresti scaricarlo via FTP, modificare il rigo 575 togliendo "!important" e ricaricarlo

Grazie di cuore, problema risolto.