BHProducts Posted August 20, 2015 Share Posted August 20, 2015 Hi, If you take a look at my menu here: hilbri.com You can see i have chosen a turquoise color however, when you hover over the menu the drop down background is a grey color. I have tried everything to change this but no avail can anyone help, also buttons such as add to cart which are also in a grey color which i cant seem to change Thanks Link to comment Share on other sites More sharing options...
Paulito Posted August 20, 2015 Share Posted August 20, 2015 Hello I assume you have fixed this as when I hover on your navigation or add to cart buttons I see an orange colour http://screencast.com/t/K0QsLoKHgjz or am I barking up the wrong tree Paul Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 Hi Paul, Wrong tree im afraid haha, its the drop down which has the darker gray background which i would like to change which is the issue Link to comment Share on other sites More sharing options...
Paulito Posted August 21, 2015 Share Posted August 21, 2015 Hello again You mean this one: http://screencast.com/t/7NJ02eD7eb paul Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 yes that and the actual background of the sub menu itself Link to comment Share on other sites More sharing options...
Paulito Posted August 21, 2015 Share Posted August 21, 2015 Hello again If you mean like this: http://screencast.com/t/TSioXoReR then it's a bit difficult because your css is minified Paul Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 yes that is correct paul thats what i would like to change, im not by any stretch a css pro and have no idea what you mean by my css being minified Link to comment Share on other sites More sharing options...
Paulito Posted August 21, 2015 Share Posted August 21, 2015 (edited) Hello Have a look at: Back office > Advanced Parameters > Performance > CCC (Combine, Compress and Cache) http://screencast.com/t/DCFB18Et Change "Smart cache for CSS" to NO Paul Edited August 21, 2015 by Paulito (see edit history) Link to comment Share on other sites More sharing options...
'Woger Posted August 21, 2015 Share Posted August 21, 2015 (edited) BHProducts, Is this the default theme? How did you cahnge the colors of the buttons, menu etc.? I am trying to figure it out for a few days no, without much progress. Greetings, Roger Edited August 21, 2015 by 'Woger (see edit history) Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 ok Paul i have done that now what should i do? Hi roger this is not a default theme and is an electronic theme i purchased, it comes with a theme controller module which i can change the colors with except certain aspects Regards Dan Link to comment Share on other sites More sharing options...
Paulito Posted August 21, 2015 Share Posted August 21, 2015 Hello again You can do it a couple of ways but I suppose the easiest is to put this code at the bottom of global.css .jetmenu li > .megamenu .bcategories ul.mega-menu > li:first-child > a {background: red!important} .jetmenu li .megamenu {background: blue!important;} Obviously change the colours to what you require, also, you should use HEX colours, so, for instance, the RED colour should look something like: #c20000 Paul Link to comment Share on other sites More sharing options...
'Woger Posted August 21, 2015 Share Posted August 21, 2015 (edited) OK, I'll give that a try. Thanks Edited August 21, 2015 by 'Woger (see edit history) Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 ill have ago now Paul and let you know, thank you for taking the time to help Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 Hi Paul its worked a treat! Thank you so much, Sorry to be a pain but would you also know which code i have to add to change the base button color of these? Link to comment Share on other sites More sharing options...
Paulito Posted August 21, 2015 Share Posted August 21, 2015 Hello Try this: .col-sm-12 .casual_products .isotope-item { margin-left:12px;} #casual_tabs ul.casual_title {background:#0e3544!important;} Paul Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 Unfortunately Paul that hasnt worked :/ not sure whats wrong Link to comment Share on other sites More sharing options...
Paulito Posted August 21, 2015 Share Posted August 21, 2015 Hello Just tried this again: .col-sm-12 .casual_products .isotope-item { margin-left:12px;} #casual_tabs ul.casual_title {background: #c20000!important;} and it works for me http://screencast.com/t/6Ea8lMdr1hpy Try clearing your cache Paul Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 yup sorted it now Paul thanks very much! Anything on the all specials button? Regard Dan Link to comment Share on other sites More sharing options...
Paulito Posted August 21, 2015 Share Posted August 21, 2015 Hello Try this: #special_block_right .button.button-small {background: #c20000;} Paul Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 ive tried it and cleared my cache but not seeming to get any change at the minute? Link to comment Share on other sites More sharing options...
Paulito Posted August 21, 2015 Share Posted August 21, 2015 OK Go to your blockspecials.css file and around Line 5 you will see this: #special_block_right .button.button-small { } Just add: background: #0e3544 between the curly brackets, so, it will look like this #special_block_right .button.button-small {background: #0e3544;} http://screencast.com/t/eGNdRHMzgb Paul Link to comment Share on other sites More sharing options...
BHProducts Posted August 21, 2015 Author Share Posted August 21, 2015 Thanks for all your help Paul much appreciated, if you ever need anything kitchen wise just let me know haha! Regards Dan Link to comment Share on other sites More sharing options...
BHProducts Posted August 28, 2015 Author Share Posted August 28, 2015 Sorry to bother you again paul... if you take a look at this page: http://hilbri.com/handles/22-glitter-handle.html?search_query=glitter&results=3 At the bottom is a related products module however the text is in white and does not show up do you know how to solve this issue? Thanks Dan Link to comment Share on other sites More sharing options...
Paulito Posted August 29, 2015 Share Posted August 29, 2015 Hello again Dan The text is not "White" but seems to have a display:none; param I should imagine this has been set as the default action With "Display None" http://screencast.com/t/3JdmiQ7XwM Without "Display None" http://screencast.com/t/qHjiyuIGKkM You can find this code around Line 206 of product_list.css http://screencast.com/t/kTjyKGpxfn If you want you can remove it or perhaps, better to comment it out /*display: none;*/ If you do remove/comment the code then check if it changes anything else Paul Link to comment Share on other sites More sharing options...
BHProducts Posted September 2, 2015 Author Share Posted September 2, 2015 Ive tried that Paul unfortunately not changes? i have also noticed no changes on your screenshots? Link to comment Share on other sites More sharing options...
BHProducts Posted September 2, 2015 Author Share Posted September 2, 2015 Ah sorry Paul you have the wrong end of the stick here, my screenshot i posted... its the related products text which i have highlighted which is white so you cannot see it. If you look at the screenshot it shows where i have highlighted the heading related products but if you check the website page you cannot see it normally Link to comment Share on other sites More sharing options...
Paulito Posted September 2, 2015 Share Posted September 2, 2015 Hello Dan Sorry for being a bit dim, I did not notice that, I will have a look when I get in front of a PC. I'm using a mobile at the moment. Paul Link to comment Share on other sites More sharing options...
BHProducts Posted September 2, 2015 Author Share Posted September 2, 2015 Not a problem thank you for your help Regard Dan Link to comment Share on other sites More sharing options...
Paulito Posted September 4, 2015 Share Posted September 4, 2015 Hello again Dan Try putting this code at the bottom of global.css #relatedproducts .title_block {color: #0e3544!important;} Result http://screencast.com/t/W8qqjoYQjau Paul Link to comment Share on other sites More sharing options...
BHProducts Posted September 4, 2015 Author Share Posted September 4, 2015 ive tried implementing that Paul unfortunately it has not seemed to work? Link to comment Share on other sites More sharing options...
BHProducts Posted September 29, 2015 Author Share Posted September 29, 2015 ive tried implementing that Paul unfortunately it has not seemed to work? Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now