Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 01:49 pm EDT

Geeklog Forums

Theme Changes in geeklog 2.2.0


Status: offline

wickst

Forum User
Newbie
Registered: 08/08/07
Posts: 7
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.
 Quote

Status: offline

Laugh

Site Admin
Admin
Registered: 09/27/05
Posts: 1468
Location:Canada
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.
 Quote

Status: offline

wickst

Forum User
Newbie
Registered: 08/08/07
Posts: 7
confused
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?
 Quote

Status: offline

Laugh

Site Admin
Admin
Registered: 09/27/05
Posts: 1468
Location:Canada
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.
 Quote

Status: offline

wickst

Forum User
Newbie
Registered: 08/08/07
Posts: 7
The url is www.jegerlink.no
by float i mean the site lose the original form evrything is over at the left side.
 Quote

Status: offline

Laugh

Site Admin
Admin
Registered: 09/27/05
Posts: 1468
Location:Canada
It shouldn't.

You could put in css_ltr/custom.css

Text Formatted Code


#container {
    background-color: #FFFF00;
}
 


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.
 Quote

Status: offline

wickst

Forum User
Newbie
Registered: 08/08/07
Posts: 7
Thanks that will work :-)
 Quote

All times are EDT. The time is now 01:49 pm.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content