Change the white K2 article background

GK User
Tue May 17, 2011 3:06 pm
Hello!

I again have to ask you a question about changing colors.

The Musicity template has if I go into an K2 article (or the same if I go into a joomla article) a white background. I would love to change this to a darker one, but I am not able to find where to change this.

Thx again in advance!

Best!
martin
User avatar
Fresh Boarder

GK User
Tue May 17, 2011 3:33 pm
Hi

There are some ways to do this (it depends which level or element), but if you want to change background color for K2 content, please go to template parameters and enable override.css file. Them add this (i.e) on override.css file:

Code: Select all
#component_wrap.k2 {background: #ccc;padding: 0 10px;}


This should be the result:

screen_2011-05-17-3.png



Cheers
User avatar
Platinum Boarder

GK User
Tue May 17, 2011 4:34 pm
Hi!

Thank you so much, that works awesome. If you could tell me now at least how to change the white surrounding of the K2 articles, than you would make me really happy :)

Thx so much!

Best!
martin
User avatar
Fresh Boarder

GK User
Tue May 17, 2011 4:44 pm
Hummm... that's more challenging.
Try instead something like:

Code: Select all
#component_wrap.k2 {background: #ccc;padding: 0 20px;margin: -20px -18px -18px;}


Cheers
User avatar
Platinum Boarder

GK User
Tue May 17, 2011 9:31 pm
It is nearly perfect, just a little white border is left on Top of the article:

http://www.rdmag.de/rdm666/news/item/52 ... egend.html

If you could give me a helping hand again it would be great!

Thx so much!

Best!
martin
User avatar
Fresh Boarder

GK User
Tue May 17, 2011 11:38 pm
Let's try this using a different approach ;)
Forget all and remove the code that i provide.
Now follow this instructions:

Open the following file:
../gk_musicity/layouts/main.php

and find this line:
Code: Select all
<div id="gk-current-content-wrap" class="gk-mass">


replace with
Code: Select all
<div id="gk-current-content-wrap" class="gk-mass <?php echo ($_GET['option'] === 'com_k2') ? ' k2' : ''; ?>">


Now open again override.css file and add this single line:

Code: Select all
#gk-current-content-wrap.k2 {background: #ccc;}


That's it!

Enjoy ;)
User avatar
Platinum Boarder

GK User
Wed May 18, 2011 5:05 am
That's awesome, your the man of the day for me :)

Thx so much, it works great!

I think I will have some other little things about color changing, but at first I can now start with the K2 Layout changing!

Thx so much again!

Best!
martin
User avatar
Fresh Boarder


cron