Nick20000 Posted January 8, 2015 Share Posted January 8, 2015 (edited) When I turn on Use CCC for CSS in the back office it messes up my website. What do I need to do here? http://www.shopmost.co.uk Edited January 8, 2015 by Nick20000 (see edit history) Link to comment Share on other sites More sharing options...
razaro Posted January 8, 2015 Share Posted January 8, 2015 You have few css errors that show when CCC is activated modules/blocknewproducts/blocknewproducts.css extra closing bracket } #new-products_block_right tr td {padding-bottom:0px;} } and in all 3 homefeatured files , you commented out } also #featured-products_block_center{ margin-left:13px; /*} #featured-products_block_center li .ajax_add_to_cart_button {display:none;} #featured-products_block_center li span.exclusive {display:none;}*/ Link to comment Share on other sites More sharing options...
Nick20000 Posted January 8, 2015 Author Share Posted January 8, 2015 You have few css errors that show when CCC is activated modules/blocknewproducts/blocknewproducts.css extra closing bracket } #new-products_block_right tr td {padding-bottom:0px;} } and in all 3 homefeatured files , you commented out } also #featured-products_block_center{ margin-left:13px; /*} #featured-products_block_center li .ajax_add_to_cart_button {display:none;} #featured-products_block_center li span.exclusive {display:none;}*/ That didn't change anything, my display is still messed up. Also when I take away the /* in the featured.css my buy buttons disappear? Link to comment Share on other sites More sharing options...
razaro Posted January 8, 2015 Share Posted January 8, 2015 You have to move /* not to take away #featured-products_block_center{ margin-left:13px; } /*#featured-products_block_center li .ajax_add_to_cart_button {display:none;} #featured-products_block_center li span.exclusive {display:none;}*/ 1 Link to comment Share on other sites More sharing options...
Nick20000 Posted January 8, 2015 Author Share Posted January 8, 2015 You have to move /* not to take away #featured-products_block_center{ margin-left:13px; } /*#featured-products_block_center li .ajax_add_to_cart_button {display:none;} #featured-products_block_center li span.exclusive {display:none;}*/ This doesn't fix my problem. My whole website is still messed up when I turn on the ccc for css. Link to comment Share on other sites More sharing options...
razaro Posted January 8, 2015 Share Posted January 8, 2015 (edited) There are more errors , in modules/blocktopmenu/css/superfish-modified.css extra ; before !important .sf-menu li li a { color:#444444; !important; } .sf-menu li li a:hover { color:#c0c0c0; !important; } bit later li.sf-search { background: inherit; float: right; line-height: 25px; Success! } and delete Success! Edited January 8, 2015 by razaro (see edit history) Link to comment Share on other sites More sharing options...
Nick20000 Posted January 8, 2015 Author Share Posted January 8, 2015 There are more errors , in modules/blocktopmenu/css/superfish-modified.css extra ; before !important .sf-menu li li a { color:#444444; !important; } .sf-menu li li a:hover { color:#c0c0c0; !important; } bit later li.sf-search { background: inherit; float: right; line-height: 25px; Success! } and delete Success! Do you mean add extra ; to both !important; or take away the ; before both !important; ?? thank you. Link to comment Share on other sites More sharing options...
Nick20000 Posted January 8, 2015 Author Share Posted January 8, 2015 I did the changes and still have a messy display? Link to comment Share on other sites More sharing options...
razaro Posted January 8, 2015 Share Posted January 8, 2015 Sorry for not being precise , this is how it should look like. .sf-menu li li a { color:#444444 !important; } .sf-menu li li a:hover { color:#c0c0c0 !important; } li.sf-search { background: inherit; float: right; line-height: 25px; } Link to comment Share on other sites More sharing options...
Nick20000 Posted January 8, 2015 Author Share Posted January 8, 2015 Sorry for not being precise , this is how it should look like. .sf-menu li li a { color:#444444 !important; } .sf-menu li li a:hover { color:#c0c0c0 !important; } li.sf-search { background: inherit; float: right; line-height: 25px; } I did those changes and still the same messy display? Link to comment Share on other sites More sharing options...
razaro Posted January 8, 2015 Share Posted January 8, 2015 Sorry I do not notice all errors at once. In global.css line 330 color:#2166a2' should be color:#2166a2; There are some other css errors, but those should not influence. http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.shopmost.co.uk%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en Link to comment Share on other sites More sharing options...
Nick20000 Posted January 8, 2015 Author Share Posted January 8, 2015 thank you for all the help. working perfect. Link to comment Share on other sites More sharing options...
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