Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 16, 2018 at 2:06 pm #985927
    tinschn

    Liebes Team,

    erst einmal vielen Dank für das tolle Enfold-Theme :)

    Für einen Kunden soll folgendes Layout entstehen:
    https://drive.google.com/open?id=1X3E7nd6Qf6HImT_GelTWRs9-rVWl5JRn
    Es geht hier eigentlich “nur” noch um die Platzierung des Bilds als Overlay über dem Slider (rot).

    Dazu habe ich im Layoutbilder unter dem Slider ein Bild angelegt, Custom CSS angeschalten und dem Bild die CSS-Klasse “test1” zugewiesen.
    Im QuickCSS-Feld habe ich folgendes (aus einem anderen Thread herauskopiert) hinterlegt:

    #test1 {
background-color: transparent!important;
margin-top: -150px;
margin-left: -150px;
z-index: 55;
border: none!important;
}

    Leider funktioniert dies für mich aber nicht – ich bekomme es so nicht hin, dass sich das Bild verschiebt.
    Weiter muss auf diesem Bild auch zusätzlich noch ein editierbarer Text stehen, am besten also über ein Textfeld. Der Plan war hier, im Layoutbilder auch wieder ein Textfeld anzulegen und es via CSS über das Bild (welches über dem Slider liegt) zu schieben.
    Ist das aber so überhaupt möglich?
    Lieben Dank für Feedback!

    Viele Grüße,
    Tina

    July 17, 2018 at 4:48 pm #986502
    Dude

    Hey tinschn,

    Mir ist jedenfalls ein Syntax-Fehler in deinem Code aufgefallen. CSS-Klassen verwenden einen Punkt ( . ) als Selektor und nicht eine Raute ( # ).

    Versuche einmal folgenden Code:

    
.test1 {
background-color: transparent!important;
margin-top: -150px;
margin-left: -150px;
z-index: 55;
border: none!important;
}

    Best regards,
    Dude

    July 18, 2018 at 10:49 am #986873
    tinschn

    Dankeschön für die Antwort – leider klappt es jedoch trotzdem nicht.
    Hast du vielleicht noch eine Idee oder einen Tipp für mich?

    Danke!

    July 19, 2018 at 5:27 pm #987515
    Dude

    Hi,

    Du könntest probieren mit position:absolute und right/top die Position zu ändern – zB mit:

    
#top #wrap_all #test1 {
background-color: transparent!important;
position: absolute;
left: 100px;
top: 150px;
z-index: 55;
border: none!important;
}

    Falls dieser Code nicht funktioniert, schicke mir bitte einen Link zur Seite, dann sehe ich mir den Code näher an

    Best regards,
    Dude

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.