Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 26, 2014 at 10:23 pm #256693
    crevlon

    Hallo,

    ich wollte den Header mit folgendem CSS Code abändern:

    #header {
background-image: linear-gradient(rgba(255,226,168,.5) 70%,white 100%) !important;
border-style: solid;
border-width:1px;
border-color: #ADADAD !important; 
border-radius: 11px;
box-shadow: 5px 5px 5px #cccccc;
}

    Alles funktioniert…bis auf: background-image: linear-gradient(rgba(255,226,168,.5) 70%,white 100%) !important;
    Die Farbe bleibt weiß.

    Gleicher Code für den Footer funktioniert.

    Wie bekomme ich den Farbverlauf für den Header hin?

    Liebe Grüße,
    Marco

    April 28, 2014 at 6:51 pm #257239
    Yigit

    Hey crevlon!

    Please add following code to Quick CSS as well

    #header_main {
background-image: linear-gradient(rgba(255,226,168,.5) 70%,white 100%) !important; }

    If that does not work, please post the link to your website

    Regards,
    Yigit

    April 28, 2014 at 10:10 pm #257331
    crevlon

    Ja es funktioniert :).

    Ich habe nun:

    #header_main {
background-image: linear-gradient(rgba(255,226,168,.5) 70%,white 100%) !important;
border-style: solid;
border-width:1px;
border-color: #ADADAD !important; 
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
box-shadow: 5px 5px 5px #cccccc;
}

    Ich habe unten links und unten rechts einen border-radius rein gemacht. Ist es möglich die nun frei gewordene Fläche (Farbe weiß) transparent zu machen?

    Liebe Grüße,
    Marco

    April 30, 2014 at 8:11 am #258138
    Dude

    Hey!

    Du kannst probieren die Hintergrundfarbe mit:

    
#header_main {
background-color: transparent !important;
}

    auf transparent zu setzen.

    Best regards,
    Peter

    April 30, 2014 at 9:47 am #258166
    crevlon

    Hi Peter,

    nein das klappt leider nicht.

    May 1, 2014 at 3:11 pm #258884
    Ismael

    Hi!

    Do you mind if we take a look at the website? Please try this:

    .header_color .header_bg {
background-color: transparent !important;
}

    Best regards,
    Ismael

    May 1, 2014 at 10:04 pm #259076
    crevlon

    With this code the hole header will be transparent. I only want to get the one small corner on the bottom left and right (left is enough…the right one cant be see because of the shadow) transparent.

    Here is the link: klick

    Scroll down to the half of the first big picture. Then on the bottom left of the header you can see what I mean.

    May 2, 2014 at 6:27 am #259209
    Ismael

    Hi!

    The background is coming from this selector:

    #main, .html_stretched #wrap_all {
background-color: #ffffff;
}

    With the customization that you created, I guess you need to move the slider upwards.

    .html_header_top.html_header_sticky #main {
padding-top: 80px;
}

    Then set the linear-gradient to 100% opacity:

    #header_main {
background-image: linear-gradient(rgba(113,148,48, 1) 70%,white 100%) !important;
}

    Best regards,
    Ismael

    May 4, 2014 at 9:15 am #259901
    crevlon

    No, thats just switches the green to a darker green. But it isnt so important. I will let it without any transparency. But thank you :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header CSS Code’ is closed to new replies.