Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 28, 2014 at 11:22 am #342138
    Chris

    Hi

    kann mir vielleicht jemand sagen wie ich einen transparenten Hintergrund für eine spezielle Überschrift erstellen kann? Ich benötige das genauso wie es in der Slideshow (volle Breite) dargestellt wird, nur eben auf die Überschrift samt Untertitel angewendet in einer Farbsesktion.

    Beispielbild:
    Transparenter Hintergund

    October 30, 2014 at 2:21 am #343165
    Andy

    Hi Chris!

    bitte gebe uns den Link zu deiner Website, damit wir uns die Sache mal anschauen können.

    Gruß!
    Andy

    October 30, 2014 at 9:10 am #343287
    Chris

    Hallo Andy

    ich bin auf einer lokalen Installation und habe sie noch nicht öffentlich. Zum besseren Verständnis habe ich noch einen Screenshot beigefügt der etwas deutlicher ist:

    Transparent

    Ich brauche halt irgendetwas in der Art wie <div style="background: rgba(0,0,0,.6);">Text hier</div> was nur auf die Überschrift und Untertitel angewendet wird und nicht über die ganze Bildbreite geht.

    October 30, 2014 at 6:42 pm #343527
    Andy

    Hey!

    jeder Code, den wir dir zur Verfügung stellen, ist immer individuell, also abhängig von der CSS class des jeweiligen Objekts. Ohne deine Website kann ich weder die CSS ID noch CSS Class des Objektes einsehen. Somit wird es schwerer dir zu helfen.
    Was du probieren kannst: Im Avia Layout Builder lege eine Farbsektion an. Weise ihr die Farbe zu, die du möchtest. Innerhalb der Farbsektion legst du dann deine spezielle Überschrift an.
    Klicke bei der angelegten Farbsektion auf “Element bearbeiten” und weise dem Element eine Section ID hinzu (ganz runterscrollen), z.B. kannst du es mit “heading-background” (ohne Anführungsstriche) benennen.
    Gehe jetzt in dein Quick CSS und gebe folgenden Code ein:

    #heading-background {
    width: 25%;
    height: 50px;
    }

    Die Zahlen für width und height müssen für deine jeweilige Situation angepasst werden. Wäre an dieser Stelle besser, wenn wir deine Website sehen könnten. Viel Glück!

    Gruß!
    Andy

    October 30, 2014 at 8:26 pm #343645
    Chris

    Hi Andy

    ich habe jetzt folgenden Code:

    #heading-luftfracht h3.av-special-heading-tag .av-subheading .av-subheading_below  {
    background: #000;
    filter: alpha(opacity = 80);
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 0 0 1px 0;
    padding: 10px 15px;
}

    Damit geht es leider noch nicht. Ich komme dem aber schon näher wenn ich .av-subheading .av-subheading_below weg lasse. Nur mit der Unterschrift klappt es noch nicht ganz. Wo ist denn mein Fehler?

    October 30, 2014 at 9:14 pm #343696
    Andy

    Hi!

    was geht denn noch nicht? und was geht inzwischen? ich müsste es sehen.

    Gruß,
    Andy

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