Size and changing the color of the slide show text

Hello,

[I thought I posted this a week ago, but I cannot find it among my post files.]

How do I reduce the size of the text in the slide show here:

Kalikasan Philippines

Also, when the color of the image is very light, the white text obviously is not visible. Is there a compromise color or method so that the text is visible in either light or dark images?

Thanks.

Cornelio

Hi,
this is default code:

Code: Select all

.gkIsWrapper-gk_rockwall figcaption h2 {
    color: inherit;
    font-size: 66px;
    font-weight: 600;
    line-height: 60px;
   color: white;
    text-transform: lowercase;
}

Just use different values and override style.

p.s.
You can use different color or just add dark text-shadow to white font color which can improve readability:

Code: Select all

text-shadow: 1px 1px 1px #111;

Hi Oscar,

I added the code below to the override.css

Code: Select all


/* --- slideshow -— */
.gkIsWrapper-gk_rockwall figcaption h2 {
    color: inherit;
    font-size: 35px;
    font-weight: 300;
    line-height: 35px;
   color: red;
    text-transform: lowercase;
}


and purge the cache through the admin page. So far, nothing has changed yet.

Cornelio

Hi,
this is default code:

Code: Select all

.gkIsWrapper-gk_rockwall figcaption h2 {
    color: inherit;
    font-size: 66px;
    font-weight: 600;
    line-height: 60px;
   color: white;
    text-transform: lowercase;
}

Just use different values and override style.

Because override is loaded before style.css - brrrr, who designed this
Please use !important or edit this one: modules/mod_image_show_gk4/styles/gk_rockwall/style.css
and find this same line.

Thanks Oscar, it worked!

If I use different slideshow style (I have different slideshow module for each of the key categories), then I do the same for each slide show style?

By the way, if I want to place the "text for the image" near the bottom left (not at the very bottom), and place the "Get more details" elsewhere, or at the other end (right), how do I go about that? Also, how do I change the text of "Get More Details" to something else, e.g., "Read more". "Explore" or "Check this"?

Cornelio

Because override is loaded before style.css - brrrr, who designed this
Please use !important or edit this one: modules/mod_image_show_gk4/styles/gk_rockwall/style.css
and find this same line.

ad 1) yes, because each style have different class name and folder where css file is stored. But should be probably in around this same place in css, so search .

ad 2) Are you talking about this same module or what?
If yes, I have better advice for you. Use different more elastic module type.
In my private projects I uses: Unite Revolution Responsive or Layer Slider
in moment you will see difference and you will be happy as much as website users/owner.

Thanks Oscar,

The United Revolution Responsive Slider looks very good based on the short time I had a chance to view the Demo. I will definitely look into it, but that will be in the future. It takes me time to understand something like this.

Right now though, I must focus on getting more content to both these sites:

Kalikasan Philippines
and
ERMC

I was invited in September to present our work as part of the proposal for the non-profit projects we're working to start in the Philippines; but I have been sidetracked with other issues. So, I had to do more work on the content for both sites to be ready to present our work to an "Incubator group" in Cambridge, MA.

I need more help to improve the site layout and presentation, but the non-profit project we started does not have the funds right now for professional website creation, as we are just starting. So, I am trying to entice some people who may be willing to share their expertise; otherwise, I have to do everything on my own for now. If you will consider volunteering your services to improve the site, then any help would be most welcome. *smiles*

Cornelio

ad 1) yes, because each style have different class name and folder where css file is stored. But should be probably in around this same place in css, so search .

ad 2) Are you talking about this same module or what?
If yes, I have better advice for you. Use different more elastic module type.
In my private projects I uses: Unite Revolution Responsive or Layer Slider
in moment you will see difference and you will be happy as much as website users/owner.

Ok, I fully understand.
But of course there are also others , free, slideshow modules.
Maybe you don't need extra layer etc.

Check for example:
Code 7 Responsive Slider or SP Smart Slider module