texts in the images of the center of the head slider

Hi,

I need the central slider texts stand out more because they are not always notice the background of the images, there is a transition that prevents me from placing
  for example:
CSS opacity: 0.6


I need to place a white background to these texts ... make it semi-transparent

http://www.otecstschile.cl/




http://www.otecstschile.cl/

You already did some changes - is the help still needed? Should the transparency be all around "heading and button style" text?

simply remove the text, but I need the background of the text is transparant, no text, no image back

I'm having issues understanding. I have made a screenshot of one of the slides from your site. How does it correspond to your original mockup? What (according to attached slide) should be changed. Please use names like "heading text" (eg. "cursos"), "button text" (eg. "eficacia personal") so we can have "common language" .

Screen Shot 2015-06-01 at 19.02.08.png

I need this


as I said from the start and showed in picture

But this is different content then one you have on your website. Text are different - and that is the biggest concern. We can do something with text that you currently have, but adding more to the plugin either requires you to stick with fields that are there or requires its redesign which you would need to do it on your own.

The text or the text you say does not matter, because I need you at all have a transparent background slider

Ok, I got the solution but it requires to modify module template files. Please remember that you will need to apply it every time you will decide to update Image Show module.
Please edit the following file:
modules/mod_image_show_gk4/styles/gk_storefront/view.php
and find this block of code (around 62 line):

Code: Select all

      <figure data-url="<?php echo $path; ?>" data-link="<?php echo $link; ?>" data-zindex="<?php echo $i+1; ?>" data-title="<?php echo $title; ?>">
         <figcaption>
            <?php if($this->config['config']->gk_storefront->gk_storefront_show_title_block && $title != '') : ?>   
            <h2><?php echo $title; ?></h2>
            <?php echo $content; ?>
            <?php endif; ?>
         </figcaption>
      </figure>


Now to be able to add additional overlay you need to add another wrapping element:

Code: Select all

      <figure data-url="<?php echo $path; ?>" data-link="<?php echo $link; ?>" data-zindex="<?php echo $i+1; ?>" data-title="<?php echo $title; ?>">
         <figcaption>
            <div class="customoverlay">
               <?php if($this->config['config']->gk_storefront->gk_storefront_show_title_block && $title != '') : ?>   
               <h2><?php echo $title; ?></h2>
               <?php echo $content; ?>
               <?php endif; ?>
            </div>
         </figcaption>
      </figure>


Now with this additional element all what is left is to give it some styling:

Code: Select all

.gkIsWrapper-gk_storefront .customoverlay {background: rgba(255,255,255,0.5); padding: 50px; display: inline-block}


You can adjust rgba values to give it some tint or more transparency and padding value to give some spacing around text elements.