- Posts: 10
- Thank you received: 0
Replace season images with slideshow module
-
ziskar364
Inactive member -
Topic Author
- New Member
-
Less
More
11 years 1 month ago #37528
by ziskar364
Replied by ziskar364 on topic Replace season images with slideshow module
Only on computer version…On tablet and smartphone versions it's not….
What about the slideshow?
Do you have something to propose?
Also as I told you on mobile "version" the content is not aligned in the center which creates a bigger space on the right and no space on the left. I don't understand why a responsive template is aligned that way with some padding on the right.
I believe this is what cause some problems in general, because when I tried to give some higher width to the position for the slideshow from the css it was only growing to the right and the whole template was able to scroll horizontally, I don't know, I thought it would be easier just like I have work with other templates but it seems that I will have to hire a developer in order to fix all that as long as I am not a pro on dev. Finally I regret I bought this template for the website. There were a lot like that in order to do the job(just personal opinion).
What about the slideshow?
Do you have something to propose?
Also as I told you on mobile "version" the content is not aligned in the center which creates a bigger space on the right and no space on the left. I don't understand why a responsive template is aligned that way with some padding on the right.
I believe this is what cause some problems in general, because when I tried to give some higher width to the position for the slideshow from the css it was only growing to the right and the whole template was able to scroll horizontally, I don't know, I thought it would be easier just like I have work with other templates but it seems that I will have to hire a developer in order to fix all that as long as I am not a pro on dev. Finally I regret I bought this template for the website. There were a lot like that in order to do the job(just personal opinion).
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 1 month ago #37536
by ivan.milic
Replied by ivan.milic on topic Replace season images with slideshow module
Can you post picture of that?
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 1 month ago #37544
by ivan.milic
Replied by ivan.milic on topic Replace season images with slideshow module
Add this to template_css.css (bottom):
SELECT.tinynav{
position: absolute;
top: 10px;
right: 10px;
}
SELECT.tinynav{
position: absolute;
top: 10px;
right: 10px;
}
Please Log in to join the conversation.
-
ziskar364
Inactive member -
Topic Author
- New Member
-
Less
More
- Posts: 10
- Thank you received: 0
11 years 1 month ago #37584
by ziskar364
Replied by ziskar364 on topic Replace season images with slideshow module
With some hard work a lot of things were solved on this template! One last think I got to fix is related to hot lightbox module css.
The problem is that if I have an image and click on it the lightbox pop up window is not responsive and its not resizing the images on mobile devices!
The image gallery is responsive itself but the lightbox is not could you please help on how to fix that!
Tonight my deadline is ending….
The problem is that if I have an image and click on it the lightbox pop up window is not responsive and its not resizing the images on mobile devices!
The image gallery is responsive itself but the lightbox is not could you please help on how to fix that!
Tonight my deadline is ending….
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 1 month ago #37591
by ivan.milic
Replied by ivan.milic on topic Replace season images with slideshow module
Try this css, put it at bottom of layout.css:
DIV#lightbox-container-image-box{
max-width:100%;
height: auto!important;
}
DIV#lightbox-container-image-box DIV#lightbox-container-image{
max-width:100%;
}
DIV#lightbox-container-image-box DIV#lightbox-container-image IMG#lightbox-image{
max-width:100%;
}
DIV#lightbox-container-image-data-box{
max-width:100%;
}
DIV#lightbox-container-image-box{
max-width:100%;
height: auto!important;
}
DIV#lightbox-container-image-box DIV#lightbox-container-image{
max-width:100%;
}
DIV#lightbox-container-image-box DIV#lightbox-container-image IMG#lightbox-image{
max-width:100%;
}
DIV#lightbox-container-image-data-box{
max-width:100%;
}
Please Log in to join the conversation.
Time to create page: 0.088 seconds