Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 28, 2017 at 5:31 pm #739722
    Remco Geelen

    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!!

    January 28, 2017 at 11:05 pm #739825
    Vinay

    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

    January 29, 2017 at 5:47 pm #739972
    Remco Geelen

    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!!

    January 29, 2017 at 6:45 pm #739998
    Vinay

    Hi,

    Please try the below css

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

    Best regards,
    Vinay

    January 29, 2017 at 8:26 pm #740012
    Remco Geelen

    Works like a charm :)

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

    January 31, 2017 at 7:45 am #740512
    Vinay

    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

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