Change text color in Image Show

Hi, I've been reading through the forum, but I didn't find anything that can help me.

I want to know how can I change the text color in my slides. Thank you!

Could You provide an url to exact page where You have Image Show installed and screenshot of exact elements which color You would like to change?

Sure, this is the url: http://www.morbid-design.com/m2mphoto/

And here is a screenshot:



I want to change the color of the Title and Content of the Slide.
I'm a beginner with this templates, and they are so complete that I'm a bit lost... Thanks!

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

Code: Select all

.gkIsWrapper-gk_creativity .figcaption h1, .gkIsWrapper-gk_creativity .figcaption h2 {color:#000;}
.gkIsWrapper-gk_creativity .figcaption > a {color: #000; border-color: #000;}


This will change color to black (I know its not best color but You will see the difference). Play with color to get better look.

You could also add "semi transparent background":

Code: Select all

.gkIsWrapper-gk_creativity .figcaption h1, .gkIsWrapper-gk_creativity .figcaption h2, .gkIsWrapper-gk_creativity .figcaption > a {background: rgba(0, 0, 0, 0.1)}


This will add black background with opacity 10% (first 3 numbers are R G and B in 0-255 scale, last is opacity in 0-1 scale).

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

I have enabled "Css override" in both Frontpage and Subpages versions (I have Quickstart version installed) and I copy that code into override.css, but it doesn't work, text still appears in white.

Modify it this way:

Code: Select all

.gkIsWrapper-gk_creativity .figcaption h1, .gkIsWrapper-gk_creativity .figcaption h2 {color:#000 !important;}
.gkIsWrapper-gk_creativity .figcaption > a {color: #000 !important; border-color: #000 !important;}

.gkIsWrapper-gk_creativity .figcaption h1, .gkIsWrapper-gk_creativity .figcaption h2, .gkIsWrapper-gk_creativity .figcaption > a {background: rgba(0, 0, 0, 0.1) !important;}


Still in white... maybe some problem with override.css? I have checked it is enabled three times...

It seems there is other problem, Ill ask more advanced developers about it tomorrow.

Also - whats important - what browser do You use?
Have You cleared cache and tested? Your changes looks ok in my browsers (chrome, safari, firefox)

Yeah, it works fine now! Seems it was slower than I thought.

Thanks for your help!

Ummm, just another question: it is possible to choose the colors depending on the image?

Sadly - currently no

Oh, it could be great...

For now you can make below edits if you need to.
File: modules/mod_image_show_gk4/styles/gk_creativity/view.php
Lines 127 and 135
Original code

Line 127: class="gkIsSlide figure"
Line 135: <div class="figcaption">
Added changes

Line 127: class="gkIsSlide figure slide<?php echo $i; ?>"
Line 135: <div class="figcaption slidefig<?php echo $i; ?>">

This would give following classes to each slide.
For slides: slide0, slide1 and so on
For Fig caption: slidefig0, slidefig1 and so on.

Its a workaround for now, but it will be added in future releases.

Ok, thanks! I'll check this when I have some time, and I'll post my results.

Hi,

I have the same problem, but would like to try an alternative solution. I just don't know how to do it, but I guess it also has to do with CSS.

My site is: http://gertsterner.com

I would like to stay with the white color, but what about a black shadow? In page layout applications you can make a underlaying layer with the same chars in black or dark grey, and move the layer a couple of pixels right and down. Then you have a shadow.

I don't know if you do it the same way with CSS. And I don't know if it would look allright, but I would like to try.

Do any one know how to do this?

Kind regards
Gert Sterner

You could try to use text-shadow and add it to text selectors:

Code: Select all

text-shadow: 0px 0px 2px #000; filter: dropshadow(color=#000, offx=0, offy=0);


But text-shadow is not supported by older browsers.
Going with other technique described by GertSterner would require customization that we doesnt support.

OK, I won't go that way then. As I said, I don't know much about CSS and stuff like supporting browsers.

I will wait for a theme that support changing colours then.

Kind regards
Gert

You can add support for changing colors that I have described few posts before (by modifing module files) and then use css to address each slide separately.

I want to change the intro pictures font color to grey shade and bold the lettering. How do I do this?

The explenation is in this thread:
https://www.gavick.com/forums/viewtopic ... 29#p128164

The explenation is in this thread:
https://www.gavick.com/forums/viewtopic ... 29#p128164

got it. I was putting into the wrong section. All I need to do was to follow this.
http://www.gavick.com/documentation/joomla-templates/gavern-framework/how-to-add-custom-css-to-joomla-template/