Please always enter the name of the template and the Joomla version and the live URL if available
[GELÖST] Features nebeneinander darstellen
Hallo zusammen,
ich nutze das hope-Template, hier habe ich eine Demoversion: hope2.csgis.de/
Auf der Startseite gibt es den Artikel "Professional Joomla Template" indem unterhalb des Bildes zweispaltig alle Features dargestellt werden.
Leider funktioniert bei mir die Darstellung nicht so wie im Original: demo.joomlaplates.de/hope/
Dies hier ist der komplette Source Code des Demoartikels:
Habe ich hier vielleicht etwas in den Einstellungen übersehen oder muss ich noch CSS editieren?
Vielen lieben Dank für Eure Unterstützung!
Ruth
ich nutze das hope-Template, hier habe ich eine Demoversion: hope2.csgis.de/
Auf der Startseite gibt es den Artikel "Professional Joomla Template" indem unterhalb des Bildes zweispaltig alle Features dargestellt werden.
Leider funktioniert bei mir die Darstellung nicht so wie im Original: demo.joomlaplates.de/hope/
Dies hier ist der komplette Source Code des Demoartikels:
Code:
<p>Compatible with:<span class="badge badge-success p-1">Joomla 3.9.x</span> & <span class="badge badge-primary p-1">Joomla 4.x</span></p>
<p>This Template gives you all the tools and advanced functionality to customize and control your Joomla website layout. You can customize the appearance of your Joomla website with simple controls available at your fingertips in the Template backend. You can choose any header type from the available header variations. Decide whether you want to enable the sticky header or not, display off canvas menu and much more.</p>
<hr />
<div><a href="images/joomlaplates/hope.png"><img style="margin: 40px 0;" src="images/joomlaplates/hope.png" alt="Joomla Theme" border="0" /></a></div>
<hr />
<div class="uk-grid-divider uk-child-width-expand@s">
<div>
<ul class="uk-list uk-list-hyphen">
<li>All Modules Included</li>
<li>Responsive Layout</li>
<li>Unlimited Module Positions</li>
<li>404 Page & Offline Page</li>
<li>Typography & Google Fonts</li>
<li>Easy Configuration</li>
<li>1000 Font Awesome Icons</li>
<li>Compatible <span class="badge badge-success p-1">Joomla 3.9.x</span> & <span class="p-1 badge badge-primary">Joomla 4</span></li>
</ul>
</div>
<div>
<ul class="uk-list uk-list-hyphen">
<li>Uikit 3 Slider, Accordion</li>
<li>Sticky Header & Main Menu</li>
<li>Megamenu & Off Canvas</li>
<li>Bootstrap 4.5 Included</li>
<li>Joomla Quickstart Package</li>
<li>Multi Language Backend</li>
<li>24/7 Forum/Mail Support</li>
<li>Money Back Warranty</li>
</ul>
</div>
</div>
Habe ich hier vielleicht etwas in den Einstellungen übersehen oder muss ich noch CSS editieren?
Vielen lieben Dank für Eure Unterstützung!
Ruth
by rusch
Please Log in or Create an account to join the conversation.
- Administrator
- Offline
- Moderator
-
- Posts: 729
- Thank you received: 118
Replied by Administrator on topic [GELÖST] Features nebeneinander darstellen
Posted 2 years 2 months ago #32185
Hallo Ruth!
In dieser Zeile:
<div class="uk-grid-divider uk-child-width-expand@s">
fehlt am Ende das 'uk-grid'. Sollte so aussehen:
<div class="uk-grid-divider uk-child-width-expand@s" uk-grid >
In dieser Zeile:
<div class="uk-grid-divider uk-child-width-expand@s">
fehlt am Ende das 'uk-grid'. Sollte so aussehen:
<div class="uk-grid-divider uk-child-width-expand@s" uk-grid >
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8833
- Thank you received: 1736
Replied by joomlaplates on topic [GELÖST] Features nebeneinander darstellen
Posted 2 years 2 months ago #32186
Hier der Source code vom Grid als Hilfe
getuikit.com/docs/grid
getuikit.com/docs/grid
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Replied by rusch on topic [GELÖST] Features nebeneinander darstellen
Posted 2 years 2 months ago #32188
Hallo,
vielen herzlichen Dank!
Ich hatte mir nun mit einer eigenen Klasse und angepasstem CSS beholfen (.box-divider { float: left; width: 40%; margin-left: 2%; padding: 50px; box-sizing: border-box; }.
Aber damit funktioniert es nun einwandfrei! Vielen lieben Dank!
Schöne Grüße!
vielen herzlichen Dank!
Ich hatte mir nun mit einer eigenen Klasse und angepasstem CSS beholfen (.box-divider { float: left; width: 40%; margin-left: 2%; padding: 50px; box-sizing: border-box; }.
Aber damit funktioniert es nun einwandfrei! Vielen lieben Dank!
Schöne Grüße!
by rusch
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates