Main page Module mod_image_show_gk4

Hello, could you provide help with my site socialpatient.com/sp3

I would like to move the image show to the left to allow for the background image to show.

Thank you,

Hi

Please enable the use of css override on Startup template parameters > advance settings and them try adding this line on ../gk_startup/css/override.css file.

Code: Select all

.gkIsWrapper-gk_startup .gkIsSlide.active {left: 35%}


Using this it should not effect the responsive layout

Cheers

Thank you. That works for the image but how would i move over the text?

Try using also:

Code: Select all

.gkIsWrapper-gk_startup .gkIsText {margin-left: 0}

Cheers

Perfect thank you, Seichinha you are awesome! One last question i created a clean install to a new site socialpatient.com/sp4 - beacause of formating issues with the quick install files on the menu item in the admin area (e.g buttons display - COM_MENUS_SUBMENU_MENUS v. menu title). www.socialpatient/sp4

Anyway on the key features I am calling to images in the style2/images folder but they are not displaying - any help on either issues would be appreciated.

That's because there's no relationship with your images and the css classes.
So you should add this fragment on override.css file:

Code: Select all

.gkcloud > span { background: transparent url('../images/style2/gk_cloud.png') no-repeat 0 0; }
.gkheart > span { background: transparent url('../images/style2/gk_heart.png') no-repeat 0 0; }
.gksocial > span { background: transparent url('../images/style2/gk_social.png') no-repeat 0 0; }
.gkreward > span { background: transparent url('../images/style2/gk_reward.png') no-repeat 0 0; }
.gkcloud:hover > span,
.gkheart:hover > span,
.gksocial:hover > span,
.gkreward:hover > span {  background-position: 0 bottom; }


This should work fine

Cheers

Great. Sorry one more question... Is there a way to move the image (www.socialpatient.com/sp4) up so it is right below the text?

THank you,