'One css per k2 template' plugin

Replies to This Discussion

Permalink Reply by Rob Molenaar on April 5, 2010 at 4:21pm

Ok I've done what you told. I gave k2.css a different name to disable it. But still no readmore button.
Could you please tell me your url link to your readmore button? Because when I type the full url address to my readmore button url(http://127.0.0.1/mywebsite/images/readmore.png) instead of url(..images/readmore.png) it is also working.

▶ Reply to This

Permalink Reply by Eric Lagarda on April 6, 2010 at 8:06pm

Really useful. Thanks :D

▶ Reply to This

Permalink Reply by Rob Molenaar on April 8, 2010 at 8:53pm

I comment out the read more buttons in mytmpl_style.css file and now its working.
I reallt don't know why but who cares... I got it worki......... O no....
It looks like all images are not showing in css.
So also the stars for voting are missing.

Its driving me crazy so I think I have to throw this plugin away. Perhaps I'm doing something wrong..

Rob Molenaar said:

Ok I've done what you told. I gave k2.css a different name to disable it. But still no readmore button.
Could you please tell me your url link to your readmore button? Because when I type the full url address to my readmore button url(http://127.0.0.1/mywebsite/images/readmore.png) instead of url(..images/readmore.png) it is also working.

▶ Reply to This

Permalink Reply by Olivier Nolbert on April 9, 2010 at 1:54pm

Hi all,

My last post is incorrect. I do not copy the k2 orginal css file as a custom css template file.

What i do is creating a custom css file and copy the k2 css code i want to override. If you copy the k2.css file in another location, all the urls for background images won't work anymore. Excepted if you also copy the k2 core images directory under your template.

Sorry for those who have followed these bad instructions.

Olivier

▶ Reply to This

Permalink Reply by Rob Molenaar on April 9, 2010 at 2:55pm

Thanks and no problem!

Olivier Nolbert said:

Hi all,

My last post is incorrect. I do not copy the k2 orginal css file as a custom css template file.

What i do is creating a custom css file and copy the k2 css code i want to override. If you copy the k2.css file in another location, all the urls for background images won't work anymore. Excepted if you also copy the k2 core images directory under your template.

Sorry for those who have followed these bad instructions.

Olivier

▶ Reply to This

Permalink Reply by mike on April 13, 2010 at 12:03am

I cannot seem to get the plug in to work. I install it fine, then enable. I copied the k2.css file to the templates/html/com_k2/myTemplate/ folder. I expected to see the correct path appear when I inspected the element with firebug, but the path points to the k2.css file in the K2 component directory. I tried turning off the "enable default css" from the k2 component parameters screen, but then there is no k2 css at all.

What am I doing wrong?

▶ Reply to This

Permalink Reply by Rob Molenaar on April 13, 2010 at 9:30am

I struggled with this because the confusing description of this plugin.

What I did is:
1. Copy the file k2.css and paste it in the templates/html/com_k2/myTemplate/
2. Rename the file into myTemplate_style.css
3. Delete everything in this file.
Now if you want to make the Item Title font smaller;
4. As you can see in Firebug the Item Title is "div.catItemHeader h3.catItemTitle"
So add for example:
div.catItemHeader h3.catItemTitle{font-size:12px;}
into you new myTemplate_style.css (original font-size is 24px)
5 Save your file and refresh browser (clear cache?)



mike said:

I cannot seem to get the plug in to work. I install it fine, then enable. I copied the k2.css file to the templates/html/com_k2/myTemplate/ folder. I expected to see the correct path appear when I inspected the element with firebug, but the path points to the k2.css file in the K2 component directory. I tried turning off the "enable default css" from the k2 component parameters screen, but then there is no k2 css at all.

What am I doing wrong?

▶ Reply to This

Permalink Reply by mike on April 13, 2010 at 3:10pm

Thanks - The reason mine did not work is that I did not rename the css file. once I renamed it, no problem, all works as expected.

Rob Molenaar said:

I struggled with this because the confusing description of this plugin.

What I did is:
1. Copy the file k2.css and paste it in the templates/html/com_k2/myTemplate/
2. Rename the file into myTemplate_style.css
3. Delete everything in this file.
Now if you want to make the Item Title font smaller;
4. As you can see in Firebug the Item Title is "div.catItemHeader h3.catItemTitle"
So add for example:
div.catItemHeader h3.catItemTitle{font-size:12px;}
into you new myTemplate_style.css (original font-size is 24px)
5 Save your file and refresh browser (clear cache?)



mike said:

I cannot seem to get the plug in to work. I install it fine, then enable. I copied the k2.css file to the templates/html/com_k2/myTemplate/ folder. I expected to see the correct path appear when I inspected the element with firebug, but the path points to the k2.css file in the K2 component directory. I tried turning off the "enable default css" from the k2 component parameters screen, but then there is no k2 css at all.

What am I doing wrong?

▶ Reply to This

▶ Reply to This

• ‹ Previous
• 1
• 2
• 3
• Next ›
• Page