WordPress.org

Ready to get started?Download WordPress

Forums

VisitPress
Change Menu (4 posts)

  1. GuillaumeDieppe
    Member
    Posted 7 months ago #

    Hello,

    I am still using your fantastic them for my website -> http://alpinedieppe.url.ph

    I would like to make a little change for Menu section.
    In fact, I would like a menu bar, on top of page, with the same backgroud as post dates, like that : http://img11.hostingpics.net/pics/86592920140201183522.jpg

    I know that other themes have menu bar but your theme is the best for my website...

    Do you know where I can change parameters ?
    Thanks in advance

  2. GuillaumeDieppe
    Member
    Posted 7 months ago #

  3. Tomas Toman
    Member
    Theme Author

    Posted 7 months ago #

    Dear Guillaume,

    this is feasible using custom CSS code. Please try to add the following CSS code into "Theme Options > Other Settings > Custom CSS":

    #top #header #menu-container {right: auto; top: auto; left: 0; bottom: 0; padding: 15px 0 50px; width: 720px; max-width: 720px; box-shadow: 0 0 5px #222222; background: #E85A40; background: -webkit-gradient(linear, 0 0, 0 100%, from(#E85A40), color-stop(1em, #D12607), to(#881702)); background: -webkit-linear-gradient(#E85A40, #D12607 1em, #881702); background: -moz-linear-gradient(top, #E85A40, #D12607 1em, #881702); background: -ms-linear-gradient(#E85A40, #D12607 1em, #881702); background: -o-linear-gradient(#E85A40, #D12607 1em, #881702); background: linear-gradient(#E85A40, #D12607 1em, #881702);}
    #top #header #header-title {max-width: 100%; padding-top: 15px;}
    #header .site-title {width: 100%; text-align: center;}
    #header .site-description {padding-bottom: 50px; width: 100%; text-align: center;}
    #header #menu a {color: #ffd36a;}
    #header #menu a:hover, #header #menu .current-menu-item > a, #header #menu .current-menu-ancestor > a, #header #menu .current_page_item > a, #header #menu .current-page-ancestor > a {color: white !important; border-bottom: none !important;}

    Of course, this example code can be edited or completed as needed.

  4. GuillaumeDieppe
    Member
    Posted 7 months ago #

    You're my hero ! ;)

Reply

You must log in to post.

About this Theme

About this Topic

Tags