Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #739722

    Hi guys

    I found that the http://kriesi.at/themes/enfold-travel/product/surfing-in-bali/ submenu idea (creating a horizontal submenu on a page which from that point on gets sticky) is perfect for a website I’m working on. Yet, I would like it to have a very specific background colour. Which is NOT the same colour as either of the 5 pre-styled area colours, like the Menu area, Main content, etc. Those are all white or blue. And I’d really want this submenu to be orange (#ff540a).

    Would you be so kind as to help me style this submenu manually? All I ask for is to be able to control the background color of this submenu. The other color settings (text, borders…) would be okay if inherited from the alternate content or socket content.

    I’ve tried to look for possible solutions in CSS files etc. Unfortunately I didn’t find a solution. Yet, even though I can’t get it to work, here’s some of the possibilities:
    – Could I create an extra styling area for it? That would be beyond awesome.
    – Or could I add some CSS to Enfold Website Styling which determines the bckgr colour of one or all full-width submenus? Would be perfect too.
    – Or could I make the full-width submenu take on the alternate background colour of the socket? Cause that would solve it too.

    Thanks in advance!!

    #739825

    Hey Remco,

    To customise the full width submenu right click on the element and inspect in the #ID you should find something similar to #sub_menu1 you can use this #ID to add custom styling,

    #sub_menu1 {
    /* Your css here */
    }
    

    If you still have any issue please provide a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #739972

    Thanks Vinay, for the quick response.

    The code you hinted does do half the trick. Lovely and simple. Thanks. But we’re not there yet…

    The in-development site is being built here: http://perstuk.vanrem.nl/
    And here you find the precise explanation with guiding images of all of it. From that description on, I bet coming up with a solution is probably super easy for you guys.

    Thanks!!

    #739998

    Hi,

    Please try the below css

    #sub_menu1, #sub_menu1 a {
    	background:orange;
    }

    Best regards,
    Vinay

    #740012

    Works like a charm :)

    Thanks Vinay! Specially for being so quick in the weekend (!)

    #740512

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

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