-
AuthorPosts
-
October 11, 2018 at 12:15 am #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, 2 months ago by hypnorich.
October 11, 2018 at 7:06 am #1020206Hey 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,
RikardOctober 11, 2018 at 9:40 am #1020235Thanks 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?
October 11, 2018 at 11:28 am #1020289Hi,
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,
RikardOctober 11, 2018 at 2:27 pm #1020321I 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…
October 12, 2018 at 10:42 pm #1020888Hi,
Did you add the code to the very top of quick css so it runs first?
Best regards,
Jordan ShannonOctober 13, 2018 at 12:03 pm #1021036I 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, 2 months ago by hypnorich.
October 15, 2018 at 5:11 am #1021358Hi,
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,
VinayOctober 15, 2018 at 7:04 pm #1021722I 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?
October 15, 2018 at 7:07 pm #1021724Firefox is showing the old version too. I’m just not seeing the header version you are seeing. This is SO confusing!
October 16, 2018 at 9:36 pm #1022404Hi,
Could you please clear the cache?
Best regards,
BasilisOctober 16, 2018 at 9:50 pm #1022411Please 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.
October 17, 2018 at 5:52 pm #1022942Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.