GK NSP cannot make new one like previous/demo ones

Hi Piotr and GavickPro Team, I would like to understand how to make the new GK NSP look like the previous ones and like demo?
See your demo has image on top, title, description taken from intro of its relative post then date etc.
http://demo.gavick.com/wordpress/musics ... -show-pro/

This is the link to our Shopping, first GK NSP gallery is different and has titles on top and so on..
http://www.romeadvisor.com/шоппинг/

How can i define it?

Please notice that it is my first time using your support.

All the best,
Andrea

Hi thanks I found the solution by reading once again GK documents and it was as simple as dragging fields (title,text,etc.) within the widget... allow me to say you guys at GavickPro are simply Geniuses!
Working on more issues also using support posts that usually are already a solution right there. If I will not find one for a issue I will definitely contact you.. meantime keep up the good work!

All the best,
Andrea

Hello,

Thank you for your kind words
Of course if you'll have any issue/question feel free to ask on the forum.

Hi Piotr, thank you for support and good job you guys keep on providing! Where is it proper to ask to check some minor issues on our site? Maybe with access would be easier for you to help us. We have also questions like parallax fx at bottom page not working correctly (we've replaced weather widget recently), and on mobile/tablet might that work too?

All the very best now,
Andrea

Please send me a PM with the access to your website and the description of the issuess.

Hello again!
Regarding your issuess:

1. You have missing css in you template.css file and parallax background doesn't work.
Please add the following code into css/override.css file (first enable this override option from Template Options -> Advanced tab):

Code: Select all

#gk-bottom-section {
   background-attachment:fixed!important;
}


2. If you want to have parallax effect on mobile/tablets, please remove the following fragment from Musicstate/css/tablet.css file:

Code: Select all

body #gk-bg #gk-bottom-section,
body.frontpage #gk-bg #gk-bottom3,
body.frontpage #gk-bg #gk-dark-bottom {
   background-attachment: scroll!important;
}


3. Add the following code into override.css file:

Code: Select all

.gk-grid-element .gk-avatar > span > em {
   top: 10%;
}


4. Try to add this code into tablet.css file to remove red background:

Code: Select all

#gk_grid-1 .gk-nsp-cols-1 .gk-nsp.grid-big-img .gk-nsp-image-wrap a {
   width: 674px;
}


5. This button "ЗАБРОНИРОВАТЬ" is covered by your image. Generally it's you custom code so I can't help you with that, but you should add position:absolute - it should helps

6. Please use the tablet and mobile.css file and add custom css to position the arrows properly, regarding the one horizontal line on mobiles - so do you want to have the same layout as on the desktop? with 2 columns?

7. Regarding the next/previous post, please check this article:
http://codex.wordpress.org/Function_Ref ... _post_link

Ciao Piotr, thank you so much for your quick and detailed response! It was more than we expected
We're also happy and endorse your initiative to share post on Forum that might be real help for many others too.

All the best now, and will let you know if any more support will be needed..

We feel very confident in working and developing our project with great support by Gavick.com..

Hi Piotr, thank you for your precious support! We are following your instructions and fixing issues:

Points 1. & 3. have already solve the problems and work correctly!
2. Will need to try again and see, did not work yesterday and it made footer (tablet/mobile) become all white.
body #gk-bg #gk-bottom-section,
body.frontpage #gk-bg #gk-bottom3,
body.frontpage #gk-bg #gk-dark-bottom {
background-attachment: scroll!important;
}

4. Where exactly shall we add this code to tablet.css? It somehow did not work as desired.
#gk_grid-1 .gk-nsp-cols-1 .gk-nsp.grid-big-img .gk-nsp-image-wrap a {
width: 674px;
}

5. We understand, even if we were trying with a cut image .png the transparency was not sufficient to avoid overlap.
Maybe we need to split into 2 columns the screen to achieve button within same square "book now" (bottom right corner)?
Where do we need to use "position:absolute"?

6. We will try fix it partially for tablet.css and mobile.css so that ultimately we will see a GK NSP gallery for each category with two posts on one horizontal scrollable line (like in demo and desktop) to be used scrolling with fingers, dots, and arrows. What shall we do then?

7. We will try to follow instructions, that seemed not so easy, and let you know how far we can get with it so that on last "forward" button will loop redirect to first in the same gallery.

Looking forward to your response.

Thank you in advance for you support, we really appreciate!
Andrea

Hi,

Regardin our points:
2. I've checked it again and it works, please remove this fragment (lines from 46 to 50 in tablet.css file) and then let me know.

4. Try with the following code at the end of tablet.css

Code: Select all

#gk_grid-1 .gk-nsp-cols-1 .gk-nsp-image-wrap a {
width: 640px;
}


5. Add the code into your button, you have inline styles: <a class="readon btn" style="font-size: 22px; padding: 5px 64px; margin-left: 849px; margin-top: -78px;" href="../booking">ЗАБРОНИРОВАТЬ</a>
try to add also position: absolute, that's all.

6. I'm sorry but I don't know what do you want to achive exaclty, maybe some screenshots will be helpful

7. We are talking about gallery or about posts? On you gallery page, when you click the last "forward" item - it will be redirected to the first.

Hi Piotr, here are the following result from your support:

2. I've checked it again and it works, please remove this fragment (lines from 46 to 50 in tablet.css file) and then let me know.
DOES NOT WORK TO ME, WE GET A WHITE SCREEN ON FOOTER AREA.

4. Try with the following code at the end of tablet.css
THIS DID CHANGE IT BUT THE GRID-1 STRETCHED VERTICALLY, SO DOES NOT YET WORK ON TABLET/MOBILE
#gk_grid-1 .gk-nsp-cols-1 .gk-nsp-image-wrap a {
width: 640px;
}

5. I cannot get it to work on tablet/mobile:
<p style="padding-left: 10px;"><a class="readon btn" style="font-size: 22px; padding: 5px 64px; margin-left: 849px; margin-top: -78px;" href="../booking">ЗАБРОНИРОВАТЬ</a></p>

6. I'm sorry but I don't know what do you want to achive exaclty, maybe some screenshots will be helpful
Hi Piotr, here are the following result from your support:

2. I've checked it again and it works, please remove this fragment (lines from 46 to 50 in tablet.css file) and then let me know.
DOES NOT WORK TO ME, WE GET A WHITE SCREEN ON FOOTER AREA.

4. Try with the following code at the end of tablet.css
THIS DID CHANGE IT BUT THE GRID-1 STRETCHED VERTICALLY, SO DOES NOT YET WORK ON TABLET/MOBILE
#gk_grid-1 .gk-nsp-cols-1 .gk-nsp-image-wrap a {
width: 640px;
}

5. I cannot get it to work on tablet/mobile:
<p style="padding-left: 10px;"><a class="readon btn" style="font-size: 22px; padding: 5px 64px; margin-left: 849px; margin-top: -78px;" href="../booking">ЗАБРОНИРОВАТЬ</a></p>

6. I'm sorry but I don't know what do you want to achive exaclty, maybe some screenshots will be helpful
/Users/andrea/Desktop/Screen Shot 2014-12-04 at 00.20.48.png

7. We are talking about gallery or about posts? On you gallery page, when you click the last "forward" item - it will be redirected to the first.
WILL CHECK AGAIN AND LET YOU KNOW WHERE ON SITE DOES WORK OR NOT.