INTELLIGENT SHOE MODULE

Hi. I used the code you publish this post: https://www.gavick.com/forums/quark/red ... dule-49948

.big .big-photo-photo-desc {
padding: 100px;
}

@media only screen and (max-width: 1460px) {
.big .big-photo-photo-desc {
padding: 80px;
}
}

@media only screen and (max-width: 1040px) {
.big .big-photo-photo-desc {
padding: 50px;
}
}

@media only screen and (max-width: 640px) {
.big .big-photo-photo-desc {
padding: 25px;
}
}

* Well I have the same problem and others:

I apologize, but, I do not understand why. Could you tell me what parameters change in the code to reduce the height of the module and image zoom, somewhat lower. I tried, but no change. Thanks greetings. René.
* I have the code in the CSS, Present modifiche some parameters: such as padding, but it does not work, That is, it remains all the same size ..., Moreover, in the circles to click, Where Demo always a sign of " + ", in my case this sign does not see any solution?, thanks, greetings ...

Hi

This code works at Your site, but the difference between padding values are 20px, so it's bearly noticable during resizing screen to see it. As addition replace the code with a higher priority to ensure it's not overwritten:

Code: Select all

#gkBottom1 .big .big-photo-photo-desc {
padding: 100px;
}

@media only screen and (max-width: 1460px) {
#gkBottom1 .big .big-photo-photo-desc {
padding: 80px;
}
}

@media only screen and (max-width: 1040px) {
#gkBottom1 .big .big-photo-photo-desc {
padding: 50px;
}
}

@media only screen and (max-width: 640px) {
#gkBottom1 .big .big-photo-photo-desc {
padding: 25px;
}
}


Hello, code tested and does not work. I need to find a definitive solution, because if this is not possible, I am obliged not to use the code, because today they are almost 4 months I try to solve the many problems that have this template. Please if there is no solution, I prefer you to tell me in so that I can organize myself. Thanks greetings...

Hi

I most probably do not understand what You want to achieve, because at least this issue is resolved by my code when I'm trying it. Maybe You just need lower values than 100px.

Please check Your site now. I've implemented the code myself and used very low values, so it should be noticeable. I've also simplify css selectors, since it surely could not work in cases when all suffixes were not used.

Code: Select all

#gkBottom1 .big-photo-desc {
padding: 50px;
}

@media only screen and (max-width: 1460px) {
#gkBottom1 .big-photo-desc {
padding: 40px;
}
}

@media only screen and (max-width: 1040px) {
#gkBottom1 .big-photo-desc {
padding: 30px;
}
}

@media only screen and (max-width: 640px) {
#gkBottom1 .big-photo-desc {
padding: 15px;
}
}


Hi, I tried the code and confirms that it works and I think it has always worked well, because the problem that the changes are not visible, depends not only on its code, but depends also, surely has preoridad the following code, this in the module: "Intelligent Shoe"

<Div class = "big-photo">
<Div class = "big-photo-img"> <img src = "/ images / demo / ecommerce / shoes_bg.jpg" alt = "" /> <span class = "big-photo-button-overlay-button gk" style = "top: 20%; right: 30%;" data-sr = "scale up 30% over .75s and wait .5s"> <span class = "big-photo-button-popup"> <img src = "/ images / demo / ecommerce / popup_img1.jpg" alt = "" /> <strong> Free Powerliners </ strong> <small> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </ Small> </ span> </ span> <span class = "big-photo-button-overlay-button gk" style = "top: 70%; right: 10%;" data-sr = "scale up 30% over .75s and wait .8s"> <span class = "big-photo-button-popup"> <img src = "/ images / demo / ecommerce / popup_img2.jpg" alt = "" /> <strong> Round Shoelaces </ strong> <small> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </ Small> </ span> </ span> </ div>
<Div class = "big-photo-desc">

<H2> -APRI IL TUO "FESTAGRATIS" SHOP </ h2>
<P> </ p>
<H2> FRANCHISING body formula + </ h2>
<P> </ p>
<H2> -ROYALTY SUL FATTURATO = € 0.00 </ h2>
<P> </ p>

<Span class = "big-photo-button" data-sr = "scale up 30% over .75s and wait 1.1s"> <span class = "big-photo-button-popup"> <img src = "/ images /demo/ecommerce/popup_img3.jpg "alt =" "/> <strong> Eco Cowhide </ strong> <small> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </ Small> </ span> </ span> </ div>
</ Div>

* I confirm that I resolved only by eliminating lines of text, because if I do not change and continuous image are still very large ...

<H2> -APRI IL TUO "FESTAGRATIS" SHOP </ h2>
<P> </ p>
<H2> FRANCHISING body formula + </ h2>
<P> </ p>
<H2> -ROYALTY SUL FATTURATO = € 0.00 </ h2>
<P> </ p>

** Now that this problem is solved, I need only to insert a link like "CONTACT US" associated with these lines of text and I need the first line of text starts below and not attached to the top edge ...

Thank you very much, greetings ...

Hi

Ok. We got a duplication of topic here. Please keep conversation in this thread: https://www.gavick.com/forums/quark/red ... 79#p253879

I'm closing this one.