wdrożenia PrestaShop

Jak wyśrodkować tą zawartość modułu ?

  • 4 Odpowiedzi
  • 1935 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline grzeechu89

  • Nowy
  • *
  • 11
  • 0
Jak wyśrodkować tą zawartość modułu ?
« dnia: Czerwiec 17, 2015, 11:35:55 am »
witam,


mam wlaczony modul: Blok Bezpieczeństwo Klienta

screen przesylam tutaj:

http://wrzucaj.net/image/Sabzaznaczylem zawartosc tego modulu na czerwono i poprostu chcialbym zeby to bylo na srodku strony, zeby to wysrodkowac bo jak widac jest to za bardzo na lewą strone...tutaj mozna tez to zobaczyc:www.gsm.caro-net.plna samym dolez gory bardzo dziekuje za pomoc
« Ostatnia zmiana: Czerwiec 17, 2015, 12:03:33 pm wysłana przez west »

*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Jak wyśrodkować tą zawartość modułu ?
« Odpowiedź #1 dnia: Czerwiec 17, 2015, 03:42:09 pm »
Dla ul dodaj text-align:center dla ul dodaj display:inline-block; i usuń float:left dodatkowo dla img usuń float:left; a margin-right: zwiększ do około 60 px.

*

Offline grzeechu89

  • Nowy
  • *
  • 11
  • 0
Odp: Jak wyśrodkować tą zawartość modułu ?
« Odpowiedź #2 dnia: Czerwiec 17, 2015, 07:51:13 pm »
a moglbys jakos szczegolowo bardziej napisac gdzie to zmienic ? W jakim pliku ?

*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Jak wyśrodkować tą zawartość modułu ?
« Odpowiedź #3 dnia: Czerwiec 17, 2015, 08:09:46 pm »
Ponieważ zauważyłem że wstawiłem babola i dwa razy napisałem ul zamiast ul i li to dam ci gotowy plik do podmiany
/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background:url(../blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}
#reinsurance_block li {
/*float:left;*/
display:inline-block;
padding:15px 10px !important;
font-size:13px;
color:#333;
text-transform:uppercase;
text-shadow:0 1px 0 #fff
}
.width5 {text-align:center}


#reinsurance_block .width1 li {width:960px}
#reinsurance_block .width2 li {width:470px}
#reinsurance_block .width3 li {width:305px}
#reinsurance_block .width4 li {width:224px}
#reinsurance_block .width5 li {width:175px}
#reinsurance_block li img{
/*float:left;*/
margin-right:60px;
}
#reinsurance_block li span {
float:left;
padding-top:12px;
width:65%;
}



W pliku styli tego modułu podmień całą zawartość na to co podałem.


*

Offline grzeechu89

  • Nowy
  • *
  • 11
  • 0
Odp: Jak wyśrodkować tą zawartość modułu ?
« Odpowiedź #4 dnia: Czerwiec 18, 2015, 11:55:07 am »
Super, bardzo dziekuje za pomoc ;)