Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 11, 2015 at 10:46 pm #378054
    kayzelmoo

    Hi Enfold theme,
    How do I design the header to have its originality / gradient / colors of MEGA MENU (Header Section)
    Regards,
    Marcus

    January 12, 2015 at 9:05 pm #378522
    Elliott

    Hey Kayzel!

    I’m not really sure what you mean by “originality / gradient / colors of MEGA MENU”. I tried checking your link but you have a coming soon template up.

    Go ahead and send us a WordPress login and take a screenshot highlighting exactly what your trying to do so we can get a better idea.

    Regards,
    Elliott

    January 16, 2015 at 5:24 pm #380895
    kayzelmoo
    This reply has been marked as private.
    January 16, 2015 at 11:55 pm #381144
    Elliott

    Hi!

    So your trying to make the mega menus have a gradient correct? You can create a CSS gradient here, http://www.colorzilla.com/gradient-editor/.

    And then add this to your custom CSS.

    .avia_mega_div { 
insert the code from the CSS tool here
}

    Cheers!
    Elliott

    January 17, 2015 at 10:56 am #381209
    kayzelmoo

    Hi Elliot,
    Doesn’t seem to work, tried with !important; also doesnt seem to have an effect on the mega menus.
    Regards,
    Marcus

    January 19, 2015 at 6:34 pm #381992
    Elliott

    Hi!

    Paste the full code your using here.

    Cheers!
    Elliott

    February 27, 2017 at 2:51 pm #752270
    dewitonline

    hi, I used following code but nothing happen. What I am doing wrong here?

    Thanks, Jan

    .avia_mega_div {
    /* Permalink – use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+51,6d0019+94&1+12,1+28,0.33+97 */
    background: -moz-linear-gradient(top, rgba(169,3,41,1) 12%, rgba(169,3,41,1) 28%, rgba(169,3,41,0.78) 51%, rgba(109,0,25,0.36) 94%, rgba(109,0,25,0.33) 97%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(169,3,41,1) 12%,rgba(169,3,41,1) 28%,rgba(169,3,41,0.78) 51%,rgba(109,0,25,0.36) 94%,rgba(109,0,25,0.33) 97%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(169,3,41,1) 12%,rgba(169,3,41,1) 28%,rgba(169,3,41,0.78) 51%,rgba(109,0,25,0.36) 94%,rgba(109,0,25,0.33) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#a90329′, endColorstr=’#546d0019′,GradientType=0 ); /* IE6-9 */
    }

    March 1, 2017 at 8:37 am #753509
    Rikard

    Hi,

    Could you post a link to your site please? Also please post a screenshot highlighting what you are looking to achieve.

    Best regards,
    Rikard

    March 1, 2017 at 4:05 pm #753779
    dewitonline

    Home page

    Hi Rikard, Meanwhile I have removed the css part. What happen is that when I open the web site on the home page everything looks fine. Main menu and backgrouns is part of the main content image (slider). As soon as I scroll down a white background appears in the top heading menu bar. I don’t want this. I need the same as in the starting position also on the other pages, that is the top header background to be part of the main contant with a transparent bar.

    Thanks, Jan

    March 6, 2017 at 11:10 pm #756625
    Nikko

    Hi Jan,

    I just checked it and it seems it’s already transparent but not the color you gave, try adding this css code in Quick CSS (located in Enfold > General Styling):

    .header_color .header_bg {
  background: -moz-linear-gradient(top, rgba(169,3,41,1) 12%, rgba(169,3,41,1) 28%, rgba(169,3,41,0.78) 51%, rgba(109,0,25,0.36) 94%, rgba(109,0,25,0.33) 97%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(169,3,41,1) 12%,rgba(169,3,41,1) 28%,rgba(169,3,41,0.78) 51%,rgba(109,0,25,0.36) 94%,rgba(109,0,25,0.33) 97%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(169,3,41,1) 12%,rgba(169,3,41,1) 28%,rgba(169,3,41,0.78) 51%,rgba(109,0,25,0.36) 94%,rgba(109,0,25,0.33) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#546d0019',GradientType=0 ); /* IE6-9 */
}

    Hope this helps.

    Best regards,
    Nikko

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