Editing CSS
Permalink
Hi, How do I edit the css file for my theme? I am using Elemental on 5.7.3.1.
Specifically what I would like to do is change the background colour of the slider area and make the slider images span 100%.
Thanks
Specifically what I would like to do is change the background colour of the slider area and make the slider images span 100%.
Thanks
Thanks, I will give this a try.
I would still like to know where to edit css, or is concrete5 not designed so that you can do that?
For example if I wanted to add a background image to the site?
thanks
I would still like to know where to edit css, or is concrete5 not designed so that you can do that?
For example if I wanted to add a background image to the site?
thanks
i wrote about that on my site:
http://www.anchor-ict.com/blog/concrete5-add-css-block...
[edit]
i might as well copy-paste that here:
Concrete5 - Add CSS to a Block
In Concrete5 5.7 you can apply your own CSS to a block.
First you add some css to your theme:
- go to your applied theme in "page design", and choose "Customize"
- besides changing all kind of colors, you'll find "Custom CSS" under "Advanced", click the icon
- now add a line with your class and CSS, eg. ".mytheme_myclass { width: 50%; float:right; } (there are other ways to do this, just an example)
- make sure to save it, not only in the css dialog, but also to the theme (right bottom button), apply to page or site
Now you can add the class to your block
- in edit mode, hover on a block, and choose "Design & Custom Template"
- there will apear a menu on top of the block, choose "custom css classes, ...."
- enter the custom class of your choice, eg. "mytheme_myclass" (no leading '.'), hit enter and save
[/edit]
http://www.anchor-ict.com/blog/concrete5-add-css-block...
[edit]
i might as well copy-paste that here:
Concrete5 - Add CSS to a Block
In Concrete5 5.7 you can apply your own CSS to a block.
First you add some css to your theme:
- go to your applied theme in "page design", and choose "Customize"
- besides changing all kind of colors, you'll find "Custom CSS" under "Advanced", click the icon
- now add a line with your class and CSS, eg. ".mytheme_myclass { width: 50%; float:right; } (there are other ways to do this, just an example)
- make sure to save it, not only in the css dialog, but also to the theme (right bottom button), apply to page or site
Now you can add the class to your block
- in edit mode, hover on a block, and choose "Design & Custom Template"
- there will apear a menu on top of the block, choose "custom css classes, ...."
- enter the custom class of your choice, eg. "mytheme_myclass" (no leading '.'), hit enter and save
[/edit]
Hi Willem,
That is really helpful. I've been looking for that for ages.
Do you know why when I click save button, and choose apply design across whole site, it reverts to old design? It only works when I apply the design to the current page.
Thanks,
Oliver
That is really helpful. I've been looking for that for ages.
Do you know why when I click save button, and choose apply design across whole site, it reverts to old design? It only works when I apply the design to the current page.
Thanks,
Oliver
Strange, it should apply to the whole site then.
Hi,
I wanted to leave a review, but can't find a link to leave a review on the add-on page.
I like the slider, unfortunately it doesn't allow you to do 100% image width, as it uses breakpoints.
I would like it to go right to the edge of the page, do you know how I can do this?
http://www.oliverjohnberman.com/starkids/...
thanks
I wanted to leave a review, but can't find a link to leave a review on the add-on page.
I like the slider, unfortunately it doesn't allow you to do 100% image width, as it uses breakpoints.
I would like it to go right to the edge of the page, do you know how I can do this?
http://www.oliverjohnberman.com/starkids/...
thanks
The image slider that comes with concrete5 5.7 is not suited for displaying full width images.
I recommend trying the Vivid Simple Slider. It is free and well made.
https://www.concrete5.org/marketplace/addons/simple-slider...
If you end up using it, please make sure to leave a review.