Image Show border color change... can it???

http://estelle.gr/natura/

this is the link for the website I'm working on.
I used the Restaurant template, 2.5 version.

Since the client requested a slideshow, I installed Image Show GK and chose the Black and White style.
It worked perfectly till the minute the client requested that the white border appearing should be changed.

I've checked all the .css files related to the image show module and all I managed to do was change the background color of the module. You can see the color right before the images load... it's the green I wish to change the white border into.

Any ideas?

Thank you in advance

Hi,
This white color is every module box background. And it is located in template.css file. To change it only for this module please add your own suffix to this module for example " mysuffix". Remember about white space before suffix name. Then please add to override.css

Code: Select all

.mysuffix.box {
background:#566820 !important;
}


remember to enable override.css option in template settings.

I've located the the part where the background I changed is... or I think this is the one:
In template.css

Code: Select all

/* dark suffix */
.box.dark {
  background: #566820;
  color: #ccc;
}

I've enabled the override option in the template settings but I'm having issues understanding the correct way to write the style in the override css.

Is it just what you wrote?

Code: Select all

.mysuffix.box {
background:#566820 !important;
}

or should I write something else?

Thank you

Hi,
This white color is every module box background. And it is located in template.css file. To change it only for this module please add your own suffix to this module for example " mysuffix". Remember about white space before suffix name. Then please add to override.css

Code: Select all

.mysuffix.box {
background:#566820 !important;
}


remember to enable override.css option in template settings.

If your suffix has same name as main sample just paste this code to override.css , but if you changed suffix name you need change it in this code too.

This is my override.css content.
It doesn't do anything. The border remains white.

http://estelle.gr/natura/

Code: Select all

/*
#------------------------------------------------------------------------
# Restaurant - April Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */

.mysuffix.box {
background:#566820 !important;
}

If your suffix has same name as main sample just paste this code to override.css , but if you changed suffix name you need change it in this code too.

Don't work because you didn't add ' mysuffix' to the module. You have to go to the module settings. Here in right column you have 'Advanced Options' section. Here you have 'Module Class Suffix' option. Put suffix name here. Remember about white space before suffix.

It worked
Thank you so much!

Don't work because you didn't add ' mysuffix' to the module. You have to go to the module settings. Here in right column you have 'Advanced Options' section. Here you have 'Module Class Suffix' option. Put suffix name here. Remember about white space before suffix.