Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1020093

    I would like to put a box 2px wide around the last item in my menu (the “try for free” tab) and ideally have a background colour too that changes on hover. Would you be able to help me with the css please?

    • This topic was modified 6 years, 1 month ago by hypnorich.
    #1020206

    Hey hypnorich,

    You can select for that menu item to be displayed as a button under Appearance->Menus. Look for the Menu Style option.

    Best regards,
    Rikard

    #1020235

    Thanks so much for that. I had no idea! I’m now struggling to see how I change the colour of the button, could you help with tweaking that please?

    #1020289

    Hi,

    I’m not sure why the other CSS I gave you is not applying, but please try this as well. These are the values being applied to your site right now, just try changing the colours to your own:

    #menu-item-11066 .avia-menu-text {
        background-color: #2d5c88 !important;
        color: #ffffff !important;
        border-color: #0b3a66 !important;
    }

    Best regards,
    Rikard

    #1020321

    I just tried that css and changed the colour to a bright green but it is still blue. I did clear the cache (several times) but no joy…

    #1020888

    Hi,

    Did you add the code to the very top of quick css so it runs first?

    Best regards,
    Jordan Shannon

    #1021036

    I have done that now Jordan and there has been no change. The box does not change colour. For some reason the desktop view has the burger in the corner of the screen and the mobile view of the page does not show the burger at all. I did open a separate thread https://kriesi.at/support/topic/burger-settings-not-working/ on this but no-one seems to be replying to that one whereas this one has had some suggestions made but I am still no closer to a solution.
    I got some support here to change the width of drop down menus https://kriesi.at/support/topic/cant-make-drop-down-menu-wider/ but now when I edit those numbers nothing happens on the front end.
    I also tried changing the font size in buttons after having read this thread https://kriesi.at/support/topic/button-font-size/ but the css

    .avia-button {
    font-size: 16px!important;
    }

    Isn’t changing the button font size. It seems that there is something deeper going on here. Would you please take a look and see if you can figure out why none of my edits are resulting in change. I really don’t want to consider changing theme because it would be a nightmare but as things stand I cange get my site looking how I want it so I am now seriously considering it.

    • This reply was modified 6 years, 1 month ago by hypnorich.
    #1021358

    Hi,

    The site looks good on my end. 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”.

    Best regards,
    Vinay

    #1021722

    I don’t know what else to do. I have done all of what you suggested and there has been no change. I tried deactivating all my plugins too to see if that would help and it did nothing. I am still seeing the old version.

    Any other ideas please?

    #1021724

    Firefox is showing the old version too. I’m just not seeing the header version you are seeing. This is SO confusing!

    #1022404

    Hi,

    Could you please clear the cache?

    Best regards,
    Basilis

    #1022411

    Please see my post from 5 days ago where I said

    “I just tried that css and changed the colour to a bright green but it is still blue. I did clear the cache (several times) but no joy…”

    I know how to clear the cache and have done that several times. i have tried deleting the cache through wp rocket as well as through the browser.

    #1022942

    Hi hypnorich,

    I checked your site and noticed it’s not fetching, usually Quick CSS codes should be seen here (link in private content) but in your case it’s not changing a thing.
    Where is your site hosted? Godaddy? some sites like godaddy have caching builtin on their site, maybe that’s causing the issue.
    If that doesn’t help, can you give us ftp access? and post the ftp credentials in private content, so we can check further.

    Best regards,
    Nikko

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