Elliminate space between image (Image Show GK4)

Is it possible to limit the space between the text and image on Image Show GK4. The site location is www.socialpatient.com/sp3

Thank you

Hi,
please add to override.css

Code: Select all

.gkPage div.box.bigspaces {
padding: 110px 0 90px 0!important;
}


and reduce first value (110px) to fit your needs. Remember to enable override.css option in template settings.

I tried this and it does not seem to modify the space. overrider.css is enabled

Did you clear cache of your browser after change. Becasue on my chrome it is working. You reduced space.

Yes, I cleared cache, not sure... I would like the image directly under the "Earn Points" text...

If I understand you correct I have solution. Please go to Image Show settings and in 'INTRFACE' tab set 'Module height' option to 760px.

Thanks that still does not seem to change the spacing?

Can you send some image and show what do you want to achieve ?

Not sure how to send or post the photo?

You have 'upload attachment' option under submit button.

Please see below. I would like to have the image (gift cards) directly under the the line and text.

I am not able to upload any files??? The site shows the photo (www.socialpatient.com/sp3), I would like the image below the text "Earn Points, etc" and line (directly below).

Please try add to override.css

Code: Select all

.gkIsWrapper-gk_startup.loaded .gkIsImage img {
top: 260px;
}


and remember override.css option in template settings.

Excellent! Thank you!

1. Is there a way that I can add the a button (like the one in the template) above the text which would open the lightbox to subscribe - this would be the same function that links from the "SUBSCRIBE" button on the top right menu? http://www.socialpatient.com/

2. Also please note that when I scale down to mobile size the image is off and not in the same position?

3. Is there a way that the background image and contents could be moved up to fit the image and contents all in the browser window? - If i could raise the text "Earn Points" and the image slide up move that would solve the issue.

1. Is there a way that I can add the a button (like the one in the template) above the text which would open the lightbox to subscribe - this would be the same function that links from the "SUBSCRIBE" button on the top right menu? http://www.socialpatient.com/

Ok here is the code I have been working on:

The more you work the more you earn<a class="modal" href="index.php?option=com_rsform&formId=1&tmpl=component" rel="{handler: 'iframe', size: {x: 660, y: 475}}">lightbox form</a> <span class="gkLine">

Rather than the text "lightbox form, I would like to link this with the "Start Now" (btn1) button on the page, so that the lightbox opens

I' m not sure. You want to direct to new page rather than load it in light box ?

Ok, could you help on item 2 & 3:
2. Also please note that when I scale down to mobile size the image is off and not in the same position?

3. Is there a way that the background image and contents could be moved up to fit the image and contents all in the browser window? - If i could raise the text "Earn Points" and the image slide up move that would solve the issue.

Try add to override.css

Code: Select all

.gkIsWrapper-gk_startup .gkIsText.active {
top: 115px;
}


and reduce value to fit your needs.

Thanks it still seems to be off on the image when scaled down for mobile size?

Can you give me some print screen how it look's ?

It is on the live site for some reason I can not post. Www.socialpatient.com

Try move codes I gave you from override.css to template.css (put this at the bottom after last selector).

The following code (correct?)

.gkIsWrapper-gk_startup .gkIsText.active {
top: 115px;
}

This one too

Code: Select all

.gkIsWrapper-gk_startup.loaded .gkIsImage img {
top: 260px;
}


no luck it does not change. I