Shape 5

Joomla Templates => Corpway - Club => : mrweb June 30, 2014, 02:43:16 AM


: background color of Image and Content Fader + responsiveness of it
: mrweb June 30, 2014, 02:43:16 AM
Hi,
I tried to set the background of the image and content fader in the Corpway template to white, but it stays black. How do I change this background? I used the Image and Content Fader settings to change the backgroudn color, but that doesn't seem to work.

This problem should not have to be a problem if the Image Fader should be perfectly responsive, but when I make my screen smaller the image scales but the container of the Image fader stays bigger and shows black bars above and below the image. How can I make this work well?

Regards,
Marcel

-------------------------------------

Sorry, already solved this problem  ;D

: Re: background color of Image and Content Fader + responsiveness of it
: mikek June 30, 2014, 07:06:07 AM
Hello,

Please post a url to where this occurs.

: Re: background color of Image and Content Fader + responsiveness of it
: infinita August 27, 2014, 09:17:47 PM
I have same problem.

How to fix?


http://sockenplansthai.com/site2014/

: Re: background color of Image and Content Fader + responsiveness of it
: mikenicoll August 27, 2014, 11:17:07 PM
Hello,

The reason you see the black bars is because the picture is rescaling itself to remain proportionately accurate. If you want to remove the black bars you can adjust the background color CSS here:

:
s5imagecontent.css - line 25

.jdGallery .slideElement {
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    z-index: 0;
}

Another option would be to adjust the coding below to background-size: cover; which would fill the entire container but disregard your images proportional values.

:
Template.CSS - Line 986

.jdGallery .slideElement {
    background-size: 102% auto !important;
}

: Re: background color of Image and Content Fader + responsiveness of it
: infinita August 28, 2014, 01:12:09 AM
How to config this module?

I just install latest version

1. Height (automatic if the setting below is set to 100% )
- Can I  leave blank to make automatic?

2. Background Color (leave blank for none) ex:FFFFFF
- I put FFFFFF, it doesn't work
Do I have to fix in "modules/mod_s5_image_and_content_fader/css/s5imagecontent.css" only ?

 

: Re: background color of Image and Content Fader + responsiveness of it
: mikenicoll August 28, 2014, 01:18:05 AM
Hello,

1) The height you don't need to Responsive Websites. This was a feature included in the module for non responsive themes that are using this module

2) You would want to change the background color in the CSS I provided above. You can also use Firebug to isolate any CSS on the site and modify its inherit CSS