PDA

Zobacz pełną wersję : Problem z modułem



traabbit
04-05-2018, 16:52
Moja strona to http://plwoodworking.com/


Moduł OUR SERVICES nie wyświetla się prawidłowo.


Nie mam już pojęcia co jest nie tak.


Strona demo działa OK - http://preview.themeforest.net/item/renovate-construction-renovation-joomla-template/full_screen_preview/11908444?_ga=2.217691734.1333367648.1525005318-509238641.1524815971




Pomóżcie - :)9364

headge
04-05-2018, 18:10
Wyłącz kompresję (zapewne w ustawieniach szablonu), wyczyść cache i zobacz czy jest OK.

danieladrianka
04-05-2018, 20:50
Kropki przy zdjęciach to lista punktowana "ul"

brakuje ci w stylach wpisu :

#service .services-list {
list-style: none;
}

co do napisów (nie wyświetlają się centralnie) brakuje :

#service .services-list li h4 {
margin-top: 22px;
text-align: center;
}

Prawdopodobnie musisz dodać to do pliku template.css

traabbit
05-05-2018, 18:37
W module mam:


<div class="row"><h2 class="box-header">OUR SERVICES</h2>
<p class="description align-center" style="text-align: left;">If you are looking for the best quality, hand-made, completely custom woodwork, you've come to the right place.</p>
<p class="description align-center" style="text-align: left;">At PL Woodworking Inc., we take great personal pride in the woodworking we build, and the service we provide our customers.</p>
<ul class="services-list clearfix page-margin-top row">
<li class="col-md-4"><a title="Interior Renovation" href="#"> <img style="display: block;" src="images/renovate/image_01.jpg" alt="" /> </a>
<h4 class="box-header"><a title="Interior Renovation" href="#">INTERIOR PRODUCTS</a></h4>
<p style="text-align: justify;">From cherry to maple, ash and mahogany, we specialize in custom build in cabinets, arches , ceiling , mantels opening, wainscot, paneling. We install doors and mouldings.</p>
</li>
<li class="col-md-4"><a title="Interior Renovation" href="#"> <img style="display: block;" src="images/renovate/image_02.jpg" alt="" /> </a>
<h4 class="box-header"><a title="Interior Renovation" href="#">EXTERIOR PRODUCTS</a></h4>
<p style="text-align: justify;">For a graceful addition to your home, deck, or outdoor space. We have everything you need to get started on your summer project, from stair rails and decking to &nbsp;exterior trim.</p>
</li>
<li class="col-md-4"><a title="Tiling and Painting" href="#"> <img style="display: block;" src="images/renovate/image_03.jpg" alt="" /> </a>
<h4 class="boxa-header"><a title="Tiling and Painting" href="#">REFINISHING</a></h4>
<p style="text-align: justify;">If you have an old house blessed with artful millwork, you can always breathe new life into it with proper cleaning or refinishing methods.</p>
</li>
</ul>
</div>

A w stylach mam już to dodane:


#service { background: #F5F5F5;
padding-top: 65px;
}
#service .services-list {
list-style: none;
}
#service .services-list li {
background: #FFF;
padding-bottom: 26px;
}
#service .services-list li h4 {
margin-top: 22px;
text-align: center;
}
#service .services-list li h4.box-header:after {
margin-top: 23px;
margin-left: auto;
margin-right: auto;
}
#service .services-list li p {
text-align: center;
font-size: 14px;
line-height: 24px;
padding: 0 25px;
margin-top: 24px;
}
#service .services-list li.col-md-4 {
padding-left: 0;
padding-right: 0;
}
#service .services-list a >img {
width: 100%;
}



Dalej nie wiem co może być nie tak. Jak podpatruje wyświetlanie w Chrome, to tak jakby wogóle nie uzywało znacznika service.

danieladrianka
05-05-2018, 20:42
moduł masz umieszczony w <section id="announcement">

a powinien być w :
<section id="service">

dlatego nie działa ci dla tego modułu reguła :
#service .services-list {
list-style: none;
}

jak i pozostałe w ten sposób opisane ;)

traabbit
06-05-2018, 11:04
A widzisz.

Teraz muszę wykombinować jak to ustawić prawidłowo.

danieladrianka
06-05-2018, 11:44
albo moduł wstawić w odpowiednie pole id, albo dopisać nowe reguły css dla tego pola id ;)

traabbit
06-05-2018, 12:13
Pole modułu jest utworzone w Page Buildier, więc tam spróbuję to ustawić.

traabbit
06-05-2018, 16:26
No i naprawiłem.

Dzieki @danieladrianka za podpowiedź. Czemu sam tego nie zauważyłem? :)

danieladrianka
06-05-2018, 16:45
Bywa czasem. Się szuka nie tam gdzie potrzeba ;)

traabbit
06-05-2018, 16:53
Dokładnie.

Damian244
14-05-2018, 11:50
Też mam podobny problem i nie wiem co z tym zrobić :/

danieladrianka
14-05-2018, 12:17
Podobny czyli jaki ?