-
AuthorPosts
-
August 2, 2014 at 10:47 pm #299220
Any ideia how to put my menu like this one, only the colors, but not with that colors just with that appearance.
August 3, 2014 at 9:20 pm #299429do you have any link for us?
Any ideia how to put my menu like this one
there is no clickable link inside
August 3, 2014 at 9:49 pm #299443I put in private.
ScreenShots:
I have this:
https://www.dropbox.com/s/ycvd9l8v1xlt1dk/ihavethis.png
And i want this :
https://www.dropbox.com/s/f4t7kx4d7osd3p7/iwantthis.png
that appearence, but not that colors offcourse.
Open in new browser, preview is not working.- This reply was modified 10 years, 4 months ago by Ovelheiro.
August 4, 2014 at 4:16 pm #299721Hey!
You can go to Enfold theme options > Header Layout > Header Size = Custom pixel value and decrease the height of your header.
Then you can create gradient here – http://www.colorzilla.com/gradient-editor/
and add following code to Quick CSS in Enfold theme options > General Styling tab and change the code as needed#header_main { background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); }
Regards,
YigitAugust 4, 2014 at 6:11 pm #299801Now how do i give space from the top page to the menu? I need to test the code above, but for sure is not nice visualy.
August 4, 2014 at 6:25 pm #299804Hey!
You had gradient in your example that is why i posted you example with link and code.
Please post a screenshot and show where you would like to increase whitespace on your page. A link to your website would be helpful as wellRegards,
YigitAugust 5, 2014 at 5:04 pm #300313This reply has been marked as private.August 5, 2014 at 6:18 pm #300354Hey!
You can simply remove this code from Quick CSS/Custom.css file
#header_main { background: #1e5799; background: -moz-linear-gradient(top, #5eb935 0%, #719430 50%, #507210 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5eb935), color-stop(50%,#719430), color-stop(100%,#507210)); background: -webkit-linear-gradient(top, #5eb935 0%,#719430 50%,#507210 100%); background: -o-linear-gradient(top, #5eb935 0%,#719430 50%,#507210 100%); background: -ms-linear-gradient(top, #5eb935 0%,#719430 50%,#507210 100%); background: linear-gradient(to bottom, #5eb935 0%,#719430 50%,#507210 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb935', endColorstr='#507210',GradientType=0 ); }
Best regards,
YigitAugust 27, 2014 at 11:53 am #309747Well that doens’t work at all.
Tell me it’s possible to have a background color when i am in a menu link,
if i’m at home the menu link home should have a green background?August 27, 2014 at 11:59 am #309752Hey!
Add following code to Quick CSS
#top .av-main-nav > li.current-menu-item { background-color: green; }
Regards,
YigitAugust 27, 2014 at 1:04 pm #309790It’s that, thanks :)
August 27, 2014 at 2:12 pm #309812 -
AuthorPosts
- The topic ‘Menu’ is closed to new replies.