K2 CSS not loading with Startup

**GK User** Sun Jan 27, 2013 9:48 pm

Hello

On my upcoming website, k2 css is not loading properly.

However according k2 settings http://awesomescreenshot.com/0f4us744c it should load first.

But when I check my blog startup css is loading first.

http://agency.salsamundo.com/index.php? ... Itemid=608

Do you know what can be wrong ?

Tks a lot

florian

**teitbite** Mon Jan 28, 2013 10:55 am

Hi

I can see this file is loaded twice as one of first styles, but an override from template is used. This is correct (except duplication), can You please tell me what is wrong ?

**Konrad M** Mon Jan 28, 2013 10:57 am

Hi,
why do you think that K2 CSS is not loading properly. I'm asking becasue I checked in source code in <head> section and K2 CSS is loaded as first one.

**GK User** Mon Jan 28, 2013 11:06 am

Hello

Tks for your reply. I though it was not working because when I tried to change ks.css it did not change.

So, could you please let me know:

> Which css file is used in k2
> How can I edit the css (header and cie) juste for k2

Tks a lot for your help and congrats for your amazing templates !

**teitbite** Mon Jan 28, 2013 12:15 pm

Hi

Any css modifications should be stored as overrides in override.css, just please remember to allow using of this file in template settings. You do not need to modifie the k2.css file itself.

**Konrad M** Mon Jan 28, 2013 12:15 pm

please try in template folder. Here you will have css/k2.css and try edit this file.

**GK User** Mon Jan 28, 2013 6:16 pm

Hello

I attached the file I see.

For what I see H1 is by /templates/gk_startup/css/template.css

I do not see any k2 file loading (except in the header).

So I made some changes in template css/k2.css even using !important but for me this style sheet is not loading

Using overriding how can I do to just override k2 defaut style ?

I'm a bit lost :'(

Tks for your help !

**Konrad M** Tue Jan 29, 2013 9:55 am

Some times k2 elements inherits styles from our template.css. So you can be confused. Override.css is always loaded as last one. So you can use firebug to find selectors and then add all your changes to override.css file.

**GK User** Tue Jan 29, 2013 10:27 am

Hello

So my question remains the same.

How can I change the K2 style without changing the whole template style.

Tks a lot

issue.jpg

**Konrad M** Tue Jan 29, 2013 10:38 am

The easiest way is install firebug and check selectors of elements which you want to change. Then add your rules to override.css file. It will let you save your changes during further template updates.

**GK User** Tue Jan 29, 2013 10:44 am

Hello

Yes I got this. But I need to know how can I just modify the one from k2, because right now this style is the for the whole website.

And why the defaut k2 style is loading but not taking effect ?

**Konrad M** Tue Jan 29, 2013 11:37 am

Default one isn't loaded. Theo one which is loaded is from templates/gk_startup/css/k2.css, this is file overrides default one.

**GK User** Tue Jan 29, 2013 7:25 pm

Hello

So I have a couple of more questions

1- Issue in <h> for titles

> Why in K2, the title are <h2> ? They should get the <title> </title>
> Why in normal article title are <H1> ? They should get <title> too

= > How to fix both of them ?

2- Issue in k2 style

- I made the following change in k2.css

Code: Select all: h1 {font-size: 16px;} h2{font-size: 20px;}

- It's not changing anything as long as do not add !important
- When I'm adding !important it's changing the style on the whole template
> Why I canno't just change k2 style ?
> If I can I can I get a smaller H2 (just in K2) will less line space ?

=> How to prolerly edit k2.css style

3- Issue in loading sheets

> Why I have 2 the same sheet loading ?
<link rel="stylesheet" href="/templates/gk_startup/css/k2.css" type="text/css">
<link rel="stylesheet" href="http://agency.salsamundo.com/templates/gk_startup/css/k2.css" type="text/css">

I would really love to start using your template, but I'm bit worried by all those points.

Hope your help will help me to solve those issues

Regards

**Konrad M** Wed Jan 30, 2013 10:53 am

1. Title tag is used for website title and it is located in head tag. Please read http://www.w3.org/Provider/Style/TITLE.html

2. You are changing global h1 and h2 settings. So it affect all h1 and h2 elements.
To change only k2 you have to use more specyfic selectors:

Code: Select all: #k2Container h1 {font-size: 16px;} #k2Container h2{font-size: 20px;}

3. I will investigate it.

**GK User** Wed Jan 30, 2013 11:40 am

Hello,

Tks a gain for your time. We appreciate your very active support !

1/ Title is specific per element, so every single page needs a balise <title>

ex: On this SEOMoz blog post view-source:http://www.seomoz.org/blog/local-search-moving-locations
ex: in your demo template view-source:http://demo.gavick.com/joomla25/startup/index.php/k2/item <title> is specific to this article

=> So why on my blog the blog post title is not in <title> ?
view-source:http://agency.salsamundo.com/index.php?option=com_k2&view=latest&layout=latest&Itemid=608

2/ Tks a lot !

3/ Waiting for your reply

**GK User** Wed Jan 30, 2013 12:30 pm

1/ Sorry I understood a bit late the different with <span> this point

**GK User** Wed Jan 30, 2013 5:02 pm

Hello !

Did you get time to the 2 ?

Tks a lot

**teitbite** Thu Jan 31, 2013 11:38 am

Hi

3. I think first is being loaded by template, but the second one is by K2 itself. Please go to K2 settings and disable using default CSS. Than check if still both are being loaded.

**GK User** Thu Jan 31, 2013 6:09 pm

everything ok now !

Tks again