Would like a simple way of changing the background colour of a block and some styling
Permalink Browser Info Environment
Forgive a bit of a newbie question but I'd like to be able to style several blocks on the right hand side of this pagehttp://bmc-client.co.uk/preshute/index.php?cID=210... eg 'Statistics', 'Ofsted Report' and 'SAIS Report' but I'd like to do it using CSS as I want to change both the heading and the background colour then padding, margins etc. They will each have different colour backgrounds but the title styling will remain the same. Could you advise the best way of doing this. In 5.6 it was design and giving it a custom css class but not sure if this is the best way in 5.7 and can't see where I can add that.
Type: | Pre-Sale |
---|---|
Status: | Resolved |
Hi
Thanks for this great support and advice. I've managed to get the customization one to work but I'd like to have control of the CSS on my desktop and ftp.
So I tried route 3 but I can't seem to get the CSS to work I've added this to the bottom of the main.less file.
Thanks for this great support and advice. I've managed to get the customization one to work but I'd like to have control of the CSS on my desktop and ftp.
So I tried route 3 but I can't seem to get the CSS to work I've added this to the bottom of the main.less file.
/*---Custom CSS--*/ .statisticSide { background-color: #EE686A !important; } I'm expecting the stack "Statistics" here to change backgroundhttp://bmc-client.co.uk/preshute/index.php/About-Us/right-sidebar-2... but it doesn't seem to be pulling in the css call. Any ideas what I could try.
Hi,
I checked your page and saw that the side items had styles. Do you still need to add css to the main.less. Im guessing it was a cache issue that's why the css didnt reflect on your page. Try clearing cache and turning cache settings off especially the one that parses the less files in the cache.
Regards.
I checked your page and saw that the side items had styles. Do you still need to add css to the main.less. Im guessing it was a cache issue that's why the css didnt reflect on your page. Try clearing cache and turning cache settings off especially the one that parses the less files in the cache.
Regards.
Sorry I found a way of putting an override file on the header which is pulling in the information from the custom css successfully I've added to the elements/head_element file this code
Many thanks again
<link rel="stylesheet" type="text/css" href="<?php echo $view->getThemePath()?>/css/preshute-overides.css">
Many thanks again
No worries. Let me know if you need help with anything else.
Btw, the side bar designs look really nice.
I'll mark this ticket resolved.
Btw, the side bar designs look really nice.
I'll mark this ticket resolved.
Currently, there are a few ways to add custom css to concrete5.7.
1. Add css through customization. Go to settings -> design - > customization and at the very bottom you'd see a custom css icon. Click it and add your css. Save and publish.
2. Create a custom css file and call it on the header. Even if 5.7 uses less files it would still recognize css files.
3. Append css to less files. Go to packages/ds_academy57/themes/academy/css and find the main.less file. Open it with text editor and add your css. Less files are structured css but you can still add normal css to it. see attached.
Let me know if you need further assistance.
Regards.