Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • December 17, 2018 at 12:59 pm #1046283
    beenee

    Hi all,
    I looked into all different posibilities to accomplish positioning and formatting of menu fonts at my page. It should be somewhat like ‘the other’ page.
    I do not understand, why my coding in the styles.css doen’t seem to have an effect.
    – what is the hierarchy in style coding (1. quick css – 2. styles.css?)

    Could you please give me an idea on how to style the menu here?
    best
    Stefan

    December 20, 2018 at 6:23 pm #1047850
    Basilis

    Hey Stefan,

    What code are you pasting? Can you instead of paste on style.css paste it on custom.css?
    Are you re-generating the style.css file, because based on the optimization setting is open, you need after to re-generate the CSS files.

    Best regards,
    Basilis

    December 20, 2018 at 11:39 pm #1047963
    beenee

    Thanks Basilis,

    This would be some of the code:

    #top #avia-menu > li > a:hover {
	background: transparent !important;
	text-decoration: underline;
}

#top #avia-menu > li > a:hover span.avia-menu-text {
	color: #574b41 !important;
}

    and even if I go:

    #top #avia-menu > li > a:hover {
	background: purple !important;
	text-decoration: underline;
}

#top #avia-menu > li > a:hover span.avia-menu-text {
	color: lime !important;
}

    …it doesn’t have any effect.

    This code is in styles.css
    I can’t find the mentioned custom.css (Where would this be please or do I generate it myself?)
    Thanks for your help.
    S.

    December 21, 2018 at 5:00 am #1048019
    Vinay

    Hi,

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    If you still have an issue please post us your login credentials with full admin rights so we can take a closer look at the issue.

    Best regards,
    Vinay

    December 21, 2018 at 5:34 pm #1048248
    beenee

    Hi Vinay,
    I did the empty cache procedure as explaint by you, still the issue persists :-(
    best
    Stefan

    December 21, 2018 at 8:47 pm #1048338
    Victoria

    Hi Stefan,

    Well, the hover should be used on the li element not on the link. The background is transparent in a way and the underline is there.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #avia-menu > li:hover > a  {
	background: transparent !important;
	text-decoration: underline;
}

#top #avia-menu > li:hover > a span.avia-menu-text {
	color: red !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 5, 2019 at 11:23 pm #1050423
    beenee

    Hi Victoria,
    happy new year to y’all ;-) Sorry for the late response!

    I did as you said, the code is presently in styles.css, but I put it into Enfold > General Styling > Quick Css, …and… themes/enfold/css/custom.css

    #top #avia-menu > li:hover > a  {
	background: transparent !important;
	text-decoration: underline;
}

#top #avia-menu > li:hover > a span.avia-menu-text {
	color: #574b41 !important;
}

    no effect! I need to style the menu (font-size etc.) as of a customers request.

    Do you have any further ideas? You are probably right with your clues, but can something overwrite those styles? Is there another style section that I/we don’t see that is prioritized
    Thanks
    Stefan

    January 9, 2019 at 3:57 pm #1051871
    Victoria

    Hi Stefan,

    Can you please make that account admin? I need to check your Quick css.

    Best regards,
    Victoria

    January 9, 2019 at 10:11 pm #1052112
    beenee

    Sorry, I switched you to Admin :-)

    January 10, 2019 at 6:16 pm #1052410
    Victoria

    Hi beenee,

    This code in styles.css overrides all other changes.
    Image 2019-01-10 at 18.14.22.png

    Please remove it. All that uses !important; makes other changes hard to implement.

    Best regards,
    Victoria

    January 12, 2019 at 5:58 pm #1053159
    beenee

    Excellent Victoria! Thanks a lot. I don’t fully understand why this didn’t work in the first place? But it works!!
    Thanks for your patience :-)

    January 13, 2019 at 7:40 am #1053304
    Rikard

    Hi,

    Great, I’m glad Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 26, 2019 at 1:45 pm #1104296
    beenee

    Ticket can be closed – topic solved!!
    Thanks to you all!

    May 29, 2019 at 4:31 am #1105022
    Rikard

    Hi,

    Great, thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Position and formatting Menu fonts’ is closed to new replies.