- Posts: 12
- Thank you received: 0
Works on Template 1 but not Template 2
-
lisashimoni@gmail.com
Inactive member - Topic Author
- New Member
Less
More
11 years 7 months ago - 11 years 7 months ago #30105
by lisashimoni@gmail.com
Works on Template 1 but not Template 2 was created by lisashimoni@gmail.com
I am upgrading my site template (from RocketTheme Zephyr template to RocketTheme Chapelco template).
This extension displays fine on the original template, but not the upgraded template.
All the module settings are exactly the same in both cases.
Original: powermatters.org/
Upgrade: 108.178.28.234/~powermat/
Any ideas how to make the module also work on the new template?
Thanks,
Lisa
This extension displays fine on the original template, but not the upgraded template.
All the module settings are exactly the same in both cases.
Original: powermatters.org/
Upgrade: 108.178.28.234/~powermat/
Any ideas how to make the module also work on the new template?
Thanks,
Lisa
Last edit: 11 years 7 months ago by lisashimoni@gmail.com. Reason: you can delete this question. i am going to ask it of rocketheme instead.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 7 months ago #30111
by ivan.milic
Replied by ivan.milic on topic Works on Template 1 but not Template 2
try adding this css to main template file:
DIV.carousel-wrap,
DIV.carousel-wrap > *,
DIV.carousel-wrap > * > *{
min-height:150px;
}
DIV.carousel-wrap,
DIV.carousel-wrap > *,
DIV.carousel-wrap > * > *{
min-height:150px;
}
Please Log in to join the conversation.
-
lisashimoni@gmail.com
Inactive member - Topic Author
- New Member
Less
More
- Posts: 12
- Thank you received: 0
11 years 7 months ago #30128
by lisashimoni@gmail.com
Replied by lisashimoni@gmail.com on topic Works on Template 1 but not Template 2
Hi,
Thank you very much for your response, but unfortunately the suggested code addition did not work for me.
I was having a problem with both the RocketTheme slideshow and the HotJoomla Carousel in that the image sizes in both modules are too big.
RocketTheme Support's response enabled me to fix the image size issue in that module (see below).
The sizes are correct as defined by the css for Chapelco. This is 45% of the container, which happens to be larger than the actual image width so the image is enlarged to fill the space.
The old template was non-responsive and therefore fixed width. If you want to use the same size for images then you will need to recaclulate the width of the container as a %
my suggestion is to open /templates/rt_chapelco/roksprocket/layouts/features/themes/showcase/showcase.css and at line 11 find the following code...
LINE NUMBER ON/OFF | EXPAND/CONTRACT | SELECT ALL
.layout-showcase .sprocket-features-img-container img {
float: right;
margin-left: 25px;
width: 45%;
}
My initial guess is around 38% instead of 45%
Do you think there is code I can add to the hot_joomla_carousel_pro.css that would work too? If so, can you suggest what that code would be? As a reminder, you can see the problem at 108.178.28.234/~powermat/ .
Thank you!!!
Lisa
Thank you very much for your response, but unfortunately the suggested code addition did not work for me.
I was having a problem with both the RocketTheme slideshow and the HotJoomla Carousel in that the image sizes in both modules are too big.
RocketTheme Support's response enabled me to fix the image size issue in that module (see below).
The sizes are correct as defined by the css for Chapelco. This is 45% of the container, which happens to be larger than the actual image width so the image is enlarged to fill the space.
The old template was non-responsive and therefore fixed width. If you want to use the same size for images then you will need to recaclulate the width of the container as a %
my suggestion is to open /templates/rt_chapelco/roksprocket/layouts/features/themes/showcase/showcase.css and at line 11 find the following code...
LINE NUMBER ON/OFF | EXPAND/CONTRACT | SELECT ALL
.layout-showcase .sprocket-features-img-container img {
float: right;
margin-left: 25px;
width: 45%;
}
My initial guess is around 38% instead of 45%
Do you think there is code I can add to the hot_joomla_carousel_pro.css that would work too? If so, can you suggest what that code would be? As a reminder, you can see the problem at 108.178.28.234/~powermat/ .
Thank you!!!
Lisa
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 7 months ago #30132
by ivan.milic
Replied by ivan.milic on topic Works on Template 1 but not Template 2
Can you put this code first:
DIV.carousel-wrap,
DIV.carousel-wrap > *,
DIV.carousel-wrap > * > *{
min-height :150px;
}
then we will see what next
DIV.carousel-wrap,
DIV.carousel-wrap > *,
DIV.carousel-wrap > * > *{
min-height :150px;
}
then we will see what next
Please Log in to join the conversation.
-
lisashimoni@gmail.com
Inactive member - Topic Author
- New Member
Less
More
- Posts: 12
- Thank you received: 0
11 years 7 months ago #30137
by lisashimoni@gmail.com
Replied by lisashimoni@gmail.com on topic Works on Template 1 but not Template 2
Thanks for your help with this.
I put the code into the template file itself (rather than the custom template file) and I disabled responsive mode in the module itself. And it works great now.
Thanks!
Lisa
I put the code into the template file itself (rather than the custom template file) and I disabled responsive mode in the module itself. And it works great now.
Thanks!
Lisa
Please Log in to join the conversation.
Time to create page: 0.158 seconds