Geeklog Forums

How do you change the background color in geeklog 2.2.0. Also in sitebar left and right. I am a novice and need help.

Looking at your site it looks like you are using the denim theme.

The easiest way to change most things with this theme including the background (especially if you have limited CSS knowledge) is to visit the uikit 2 customizer found here: https://getuikit.com/v2/docs/customizer.html

By default the denim theme uses the default uikit 2 theme as it's base so select that. You can then change any of the colors and styles and then click on "Get CSS" button when finished.

Then when you have the file replace the following files with the minified version and a non minified version.

\public_html\layout\denim\css_ltr\style.css

\public_html\layout\denim\css_ltr\style.min.css

Once you do this Clear Cache in Geeklog and you should see the changes

You can also change the uikit 2 theme from "default" to "almost flat" or "gradient". This would require you to change the corresponding files found in the directory: \public_html\layout\denim\css_ltr\

You would also be required to update the file \public_html\layout\denim\functions.php and change the line (2hould be #48):

'uikit_theme' => 'default', // you can set this variable to 'default' or 'gradient' or 'almost-flat'

Any other CSS changes should go into the file \public_html\layout\denim\css_ltr\custom.css

If you want to modify the template files that is another post. Ideally you would create a child theme based on the denim theme and only include the changes you want. THis makes updating Geeklog much easier while preserving your theme changes.

---

One of the Geeklog Core Developers.

This will change bgcolor, but it ruin the shape of the site it will float to both sides.is it any way to solve this problem?

It will work, it is what I used before.

Not sure what you mean by float. What is the URL of your site so I can see?

---

One of the Geeklog Core Developers.

The url is www.jegerlink.no
by float i mean the site lose the original form evrything is over at the left side.

It shouldn't.

You could put in css_ltr/custom.css



to override things and change the background color. This works for this situation but if you want to change the color of other things it becomes more difficult and would require changing the color in a number of different spots.

The best way to do things is how I suggested before.

To better debug your site I would turn off template caching and "Combine, Minify and Cache CSS and JavaScript Files" so you can see exactly what your website is loading in the html source.

---

One of the Geeklog Core Developers.

Thanks that will work :-)