Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #275301

    Hallo Leute,
    ich habe wieder eine Frage: Auf meiner Startseite habe ich eine Promobox, ich in einer Farbsektion eingebettet und mit einem Foto unterlegt habe. Jetzt hätte ich gern den Hintergrund der Promobox semitransparent. Weiß aber mal wieder nicht, wie ich das anstellen kann.
    Ich habe schon folgenden Beitrag gelesen:
    https://kriesi.at/support/topic/fly-out-menu-formatting-transparency-and-screen-size/
    Hier komme ich aber nicht weiter.
    Könntet Ihr mir vielleicht wieder Schritt für Schritt helfen?
    Danke & beste Grüße!
    hermelina

    #275418

    Hi hermelina!

    Thank you for using the theme!

    If you don’t mind, we would like to see the actual page with the promobox. We’ll provide you with the css snippet once we have taken a look at the page.

    Regards,
    Ismael

    #275569
    This reply has been marked as private.
    #276019

    Hey!

    Thank you for the update.

    I’m sorry but we won’t be able you to help unless we can see the site live. Just to make sure, I’ll ask Dude to check the thread. Maybe I didn’t fully understand your inquiry. Please wait for his response.

    Best regards,
    Ismael

    #276164

    Hey!

    Versucht diesen Code in das Quick CSS Feld einzufügen und ändert den Farbwert. Wenn ihr nur einen HEX Farbwert habt, so könnt ihr mit: http://hex2rgba.devoth.com/ diesen Wert in rgba konvertieren:

    
    #top .main_color .av_promobox{
    background-color: rgba(255,255,255,0.7); 
    }
    

    Regards,
    Peter

    #277673

    Hello Peter & Team,
    vielen Dank für die schnelle Antwort! Leider funktioniert es nicht. Ich denke, ich komme mit der Frage noch einmal zurück, wenn ich die Seite hochgeladen habe und Euch einen Link schicken kann.
    Dafür habe ich jetzt aber wieder eine andere Frage: Ich wollte auf einer speziellen Seite einen Button unterhalb der Promobox platzieren. Also wie https://kriesi.at/support/topic/promo-box-button-top-slider/. Die Promobox, um die es geht, befindet sich aber nicht auf meiner Startseite. Was muss ich an dem Code von Josue ändern, damit ich die Box erwische, die ändern möchte? Funktioniert es über die Page-ID?
    Beste Grüße & Danke
    hermelina

    #277971

    Hi!

    Ja, genau – verwende stattdessen diesen Code und ändere die ID (im Code derzeit 1122)

    
    .html_entry_id_1122.av_promobox .avia-button-wrap{
        float: none !important; 
    }
    .html_entry_id_1122 .av_promobox .avia-button-wrap .avia-button {
        float: none !important;
        position: static !important;
        margin-top: 0 !important;
    }
    .html_entry_id_1122 .avia-promocontent {
        margin-right: 0;
    }
    

    Best regards,
    Peter

    #278017

    Hallo Peter,
    das hat schon super geklappt, mit einem kleinen Schönheitsfehler: Der Button ist jetzt rechts unten. Ich hätte ihn allerdings gern mittig… Hast Du da noch einen Tipp?
    Danke & beste Grüße
    hermelina

    #278025

    Hi!

    Vielleich lässt sich die Position mit:

    
    .html_entry_id_1122 .av_promobox .avia-button-wrap .avia-button {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    

    oder:

    
    .html_entry_id_1122 .av_promobox .avia-button-wrap .avia-button {
    text-align:center;
    }
    

    anpassen.

    Best regards,
    Peter

    #278045

    Wow, bist Du fix! Leider hat sich aber bei keiner der Versionen etwas getan. Der Button blieb stur auf der rechten Seite kleben
    Beste Grüße
    hermelina

    #278050

    Hey!

    Ok, dann warten wir bis ein Link zur Seite besteht und wir das Ganze mit den Developer Tools ansehen können. Ad hoc weiß ich leider auch nicht, warum der Button seine Position nicht ändert.

    Cheers!
    Peter

    #278069

    Okay, aber schon einmal ganz dicken Dank! Ihr seid echt die Besten!!!

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Promobox Hintergrund semitransparent’ is closed to new replies.