Different background colors

Is possible to have different background colors in the "My cozy blog" module (ex. green, yellow, violet...)

Please edit: /templates/gk_john/css/override.css and add at its end:

Code: Select all

#gkBottom3 .box.color-bg {
background: #f00;
}


Please adjust colour code to your liking.

Remember to enable "CSS override" in template settings - advanced section.

Hi, how about in other parts of the frontpage? For example, if I have "my works" hidden, and set the Home to a EasyBlog login, there's grey in the background and I can't find where it is.

I tried this in override but didn't work: Any suggestions?

#gkMainbody .box.color-bg {
background: #fff;
}

Could You please post an url to your site?

Hi Cyberek,
it's me again , same issue.
Is it possible to use the picture http://www.callewaert.de/joomla3/images ... mmoper.jpg as background in the "check out my hot works" module?
www.callewaert.de/joomla3

would be great!
thank you

@jcallewaert:

Code: Select all

.frontpage #gkPageContentWrap {
background: #f1f0f0 url('http://www.callewaert.de/joomla3/images/photos/background/Schwimmoper.jpg') repeat 0 0;
}


This will do the trick.

Hi, I am configuring my site i have a problem in config. Staff I can not change the color. As we can fix this. I've cleaned the cache template i cleaned all the cache site ...

@Bixter - what changes have you did?
Could You please post an url to your site?

@Bixter - what changes have you did?
Could You please post an url to your site?

Reinstall the site from scratch and already fixed.

@jcallewaert:

Code: Select all

.frontpage #gkPageContentWrap {
background: #f1f0f0 url('http://www.callewaert.de/joomla3/images/photos/background/Schwimmoper.jpg') repeat 0 0;
}


This will do the trick.

Dear Cyberek,

according to your advice, I edited the file "/css/override.css" in template "gk_john_s"
like this:

/*
#------------------------------------------------------------------------
# John S. - March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/
CODE: SELECT ALL
.frontpage #gkPageContentWrap {
background: #f1f0f0 url('http://www.callewaert.de/joomla3/images/photos/background/Schwimmoper.jpg') repeat 0 0;
}

"CSS override" in template settings is enabled.

What am I doing wrong??

"CODE: SELECT ALL" is a part of code widget allowing you to select entire code - you should not copy that to override.css!.

Thanks Cyberek, we are one step closer again!

Actually, my aim was to display the picture "Schwimmoper.jpg" only in the "Check-out-my-works" Module. Actually, it appears also in other modules.

You can check it at www.callewaert.de/joomla3

I would like to display different pictures in different modules:

- Check-out-my-works: Schwimmoper.jpg
- Blog: City.jpg
- Don´t hesitate to contact me: Doeppersberg.jpg

Can you give me an advice how to configure this?

btw, you've been very helpful by now, thank you!

You can use page suffixes that adds custom class to body element. Then you can prepare different css declarations with use of that custom classes.
Please see this documentation:
http://www.gavick.com/documentation/gen ... mla-pages/

I´m sorry Cyberek, but this - even after reading everything 5 times - is Chinese to me

However, I didn't gave up and tried it another way:

#gkBottom5 {
background-image: url('http://www.callewaert.de/joomla3/images/photos/background/Doeppersberg.jpg');
}
#gkMainbody {
background-image: url('http://www.callewaert.de/joomla3/images/photos/background/Schwimmoper.jpg');
}
#gkBottom3 {
background-image: url('http://www.callewaert.de/joomla3/images/photos/background/Flohmarkt.jpg');
}

For the Modules bottom5 and Mainbody, this is working perfect. But for the Bottom3 (Blog Module) I cannot make the picture appear. Can you give me another hint?

Another Question: How can I change the font colour of the title ("Ich freue mich auf Sie") in the Contact Module (Bottom5)?

Thanks again for your patience.

Its becaouse inner element has also background set.

Code: Select all

#gkBottom3 .box.color-bg {background: transparent;}


It should clear its background color.

Where can I spend you a beer? You are my hero!

Would be great if you could help me with this prob:
How can I change the font colour of the title ("Ich freue mich auf Sie") in the Contact Module (Bottom5)?

Add this line to override.css:

Code: Select all

#gkBottom5 .box h3 {color: #fff;}


Change #fff to your liking .