Override.css help

**GK User** Mon Nov 05, 2012 7:16 am Reply with quote Report this post

Hi I'm trying to change the width of #gkLogo.

I've added my changes to override.css. I've enabled override.

Nothing works.
I've tried all these variations:
a#gkLogo.text { width: 240px; }
a#gkLogo.text span { width: 240px; }
#gkLogo.text { width: 240px; }
#gkLogo. span { width: 240px; }

Help.

Before you ask.. I'm building this site on a localhost.
Here the html structure as firebug sees it:
<section id="gkPageTop">
<div class="gkPage">
<a id="gkLogo" class="text" href="/heaven2/./">
<span>Heaven Can You Hear Me?</span>

It should be pretty straight forward, but it's not working.

**GK User** Mon Nov 05, 2012 8:43 am Reply with quote Report this post

The override.css is surely loading with site ? Please check it via firebug. You can also try to add !important declaration after CSS rule but firstly we need to make sure that override.css is included.

**GK User** Mon Nov 05, 2012 5:22 pm Reply with quote Report this post

Apparently override.css is loading.
I turned off override in advanced settings and my other changes went away.
After I turned override back on, my other changes came back.

I did that because I couldn't find override.css in the <head>
I'm not exactly sure where it's loaded, but it is loaded apparently.

Maybe this is a clue. When I originally was making changes, they changes wouldn't take until after I change the template color from Color I to Color II. I didn't have time to investigate because I got the color I wanted and the override.css changes that I wanted.

Here's the kicker, while typing this response I changed the color to Color III and the new changes I've made took effect! Huh?

Is this a caching issue? I've turned off caching.

Here's everything loaded in between <head> and </head>

Code: Select all: <head> <meta content="width=device-width, initial-scale=1, maximum-scale=2.0" name="viewport"> <base href="http://localhost/heaven2/"> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <meta content="Joomla! - Open Source Content Management" name="generator"> <title>Home</title> <link title="RSS 2.0" type="application/rss+xml" rel="alternate" href="/heaven2/index.php?format=feed&type=rss"> <link title="Atom 1.0" type="application/atom+xml" rel="alternate" href="/heaven2/index.php?format=feed&type=atom"> <link type="image/vnd.microsoft.icon" rel="shortcut icon" href="http://localhost/heaven2/templates/gk_startup/images/favicon.ico"> <link type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600" rel="stylesheet"> <link type="text/css" href="http://fonts.googleapis.com/css?family=Comfortaa:400,700,300" rel="stylesheet"> <link type="text/css" href="/heaven2/cache/gk/928746607a3c8701c3275e7382975ca9.css.php" rel="stylesheet"> <style type="text/css"> <script type="text/javascript" src="/heaven2/cache/gk/7750b8d2c6a6ae8111beee466b8013f1.js.php"> <script type="text/javascript"> <link media="(max-width: 920px)" href="http://localhost/heaven2/templates/gk_startup/css/tablet.css" rel="stylesheet"> <link media="(max-width: 580px)" href="http://localhost/heaven2/templates/gk_startup/css/mobile.css" rel="stylesheet"> <style type="text/css"> </head>

**GK User** Mon Nov 05, 2012 8:56 pm Reply with quote Report this post

By the way,
I did try !important, but that didn't work either.

**GK User** Tue Nov 06, 2012 9:17 am Reply with quote Report this post

It will be much easier if you can show me your site, then via firebug I'll see whether the code is override or not. Please disable CSS compression and cache for tests.

**GK User** Tue Nov 06, 2012 6:48 pm Reply with quote Report this post

I've disabled css compression. I didn't notice it before.

Apparently that solved it. My changes work now.

Thanks