Forums

background dots

Permalink 1 user found helpful
Hi !

I'm looking for any help regarding the way to get rid of the dots and change the background color of my website.

I wonder that's about some main.css or .less files, but I can't manage to find which one and where to change anything...

Can somebody help me ?
Nomys
 
juddc replied on at Permalink Reply
juddc
It's most likely in your theme's css file. What version of c5 are you using, and what theme are you using?
Nomys replied on at Permalink Reply
Nomys
I'm using 5.7 and the elemental theme.
juddc replied on at Permalink Reply
juddc
Look in concrete/themes/elemental/css - you'll find it in there somewhere. Alternatively you could target those 2 items with an external css file of your own.
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
@Nomys

The Elemental theme uses multiple background layers.

One approach is to change them using Custom CSS.
Toolbar > Page Settings (gear icon) > Design > Theme > Customize > Custom CSS gear icon button
body {
    /*this sets the background color for the page*/
    background: lightblue;
}
div.ccm-page header {
    background-color: transparent;
}
.ccm-image-slider-container {
    background-image: none;
}
div.ccm-page main {
    background-color: transparent;
}
div.ccm-page div.area-content-accent {
    background-color: transparent;
Viewing 15 lines of 35 lines. View entire code block.

The alternative to this is copying the Elemental theme and then manually modifying the .less files.
Nomys replied on at Permalink Reply
Nomys
Thanks to both of you, the script do the trick very well.
colbycramden replied on at Permalink Reply
I don't see any dots mentioned in those backgrounds. I too wish to eliminate the background dots and cannot find them.