Please always enter the name of the template and the Joomla version and the live URL if available

Kann ich Module / Beiträge per CSS/HTML übereinander legen?

  • tom0273
  • tom0273's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 3
  • Thank you received: 0
Ich möchte über meinen Header-Bildern jeweils Text platzieren (als overlay über das Bild).
Ich folgendermaßen vorgegangen.
Modul angelegt und auf position top-a-1 gelegt:

Html-Code:
<p><img src="images/kontakt.png" alt="kontakt" width="1780" height="630" /></p>

<style type="text/css">


.middle {
position: absolute;
left: 8em;
bottom: 6em;
width: 400px;
padding: 20px;
background-color: #fff;
font-weight: bold;
text-align: center;
}
</style>


<div class="shadow">

<div class="middle">


<h1>
Kennenlernen </h1>

</div>
</div>


Es funktioniert am Desktop ganz gut. Aber in der mobilen Darstellung ist der Text viel zu groß und falsch positioniert.
Was kann ich tun?
Danke.
Last Edit:1 year 9 months ago by tom0273
Last edit: 1 year 9 months ago by tom0273.

Please Log in or Create an account to join the conversation.

Hallo, dann müssen sie für die mobile Ansicht eine eigene css schreiben mit media queries
www.w3schools.com/css/css_rwd_mediaqueries.asp

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License