Cum să elimini padding-ul din partea stângă și dreaptă?

Question

Cum să elimini padding-ul din partea stângă și dreaptă?

15 oct. 2015, 14:31:49

Vizualizări: 34K

Voturi: 1

Folosesc tema Make BB Theme Foundry și vreau să elimin padding-ul din ambele părți laterale exemplu eliminare padding lateral

Am adăugat acest cod în fișierul style.css sub tag-ul body

{
    margin-left: 0px;
    margin-right: 0px;
}

apoi am încercat acest cod dar nu s-a întâmplat nimic.

body { padding:0; }

chiku

13

teme css

Comentarii

aceasta nu este o întrebare despre WordPress și ar fi mai bine pusă pe stackoverflow, care se ocupă de întrebări legate de html/css... De asemenea, ar trebui să furnizați un URL astfel încât cei care comentează să aibă ceva de la care să plece.

Gareth Gillman

15 oct. 2015 16:13:18

Toate răspunsurile la întrebare

Comentarii

Îmi cer scuze pentru răspunsul întârziat, deoarece sursa PC-ului meu a fost defectată. Acum, revenind la subiect, site-ul este http://chiku.pe.hu/

chiku

17 oct. 2015 23:00:15

Ce am încercat pentru a elimina spațiul alb din header: am adăugat codul {margin left: -10px;} la div-ul header și am reușit să elimin spațiul din partea stângă, dar problema este că apare un spațiu gri în partea dreaptă, imaginea aici http://s29.postimg.org/3lgj9jy3b/untitled.jpg

chiku

17 oct. 2015 23:08:29

Problema cu utilizarea marginii negative este că practic muti headerul spre stânga, de aceea apare fundalul gri în partea dreaptă. Voi actualiza răspunsul meu pentru a arăta cum să elimini padding-ul acum

Cai

18 oct. 2015 10:37:41

Cai 613 · Accepted Answer · 2015-10-15T16:02:29Z

Folosește instrumentele de dezvoltator din browserul tău (de exemplu Inspector în Chrome sau Firebug în Firefox) pentru a vedea de unde provine padding-ul.

Fie padding-ul este aplicat altceva decât body, fie este aplicat pe body dar tot suprascrie CSS-ul tău. De exemplu:

body.class {
    padding: 20px;
}

Ar suprascrie CSS-ul tău. Sau

body {
    padding: 20px;
}

Declarat după CSS-ul tău tot l-ar suprascrie.

Actualizare:

Folosind instrumentele de dezvoltator poți vedea unde este aplicat padding-ul. Padding-ul din header vine din div-ul .container, după cum poți vedea aici:

Captură de ecran arătând padding-ul aplicat pe clasa .container

Padding-ul pe body vine din 2 locuri, din div-ul .site-content apoi din div-ul .container, după cum poți vedea aici:

Captură de ecran arătând padding-ul pe .site-content

Cum elimini (sau reduci) acest padding depinde de modul în care editezi CSS-ul. Dacă lucrezi pe fișierul principal style.css atunci trebuie să modifici CSS-ul pentru .container la linia 471 și .site-content la linia 1265. Poți vedea fișierul și numărul liniei CSS în partea dreaptă sus a CSS-ului în instrumentele de dezvoltator.

Văd că tema are și CSS personalizat, așa că dacă folosești acela, trebuie să adaugi aceste reguli în CSS-ul personalizat:

.container, .infinite-footer-container, .page-template-template-builder-php .entry-content > .twitter-share {
    padding: 0 10px;
}
.site-content {
    padding: 0;
}

Evident, schimbă valorile padding-ului în funcție de ce dorești.

Sper că aceste informații te ajută (și că totul este clar).