- Posts: 64
- Thank you received: 0
Changing height of products in category view
-
Darko101
Inactive member - Topic Author
- Member
Less
More
10 years 6 months ago #39739
by Darko101
Replied by Darko101 on topic Changing height of products in category view
Any idea?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 6 months ago #39745
by ivan.milic
Replied by ivan.milic on topic Changing height of products in category view
In template_css.css:
find .normal_image{.. and change it to this:
.normal_image {
width: 49%;
float: right;
max-height: 280px;
overflow: hidden;
margin-top: 10px;
text-align: right;
position: relative;
top: -200px;
}
find .normal_image{.. and change it to this:
.normal_image {
width: 49%;
float: right;
max-height: 280px;
overflow: hidden;
margin-top: 10px;
text-align: right;
position: relative;
top: -200px;
}
Please Log in to join the conversation.
-
Darko101
Inactive member - Topic Author
- Member
Less
More
- Posts: 64
- Thank you received: 0
10 years 6 months ago #39752
by Darko101
Replied by Darko101 on topic Changing height of products in category view
Dear Ivan,
That did it. Thanks voor taking a look.
Kind regards,
Darko
That did it. Thanks voor taking a look.
Kind regards,
Darko
Please Log in to join the conversation.
-
Darko101
Inactive member - Topic Author
- Member
Less
More
- Posts: 64
- Thank you received: 0
10 years 6 months ago #39771
by Darko101
Replied by Darko101 on topic Changing height of products in category view
I m sorry but I messed up my replies to your calls. They seemed to link to the wrong cal. Quite confusing. Anway, this problem (caused by myself) was solved by Ivan. Thank you very much.
Message :
In template_css.css:
find .normal_image{.. and change it to this:
.normal_image {
width: 49%;
float: right;
max-height: 280px;
overflow: hidden;
margin-top: 10px;
text-align: right;
position: relative;
top: -200px;
}
But, for some reason now the text in mobile view is too narrow and the image jumps out above the article postion. See attached screen shot. Might I comment that the text in mobile view in your original template is also quite narrow. Would it be an idea to place the product image above or below the text of the product description or order button? How would one do that?
Message :
In template_css.css:
find .normal_image{.. and change it to this:
.normal_image {
width: 49%;
float: right;
max-height: 280px;
overflow: hidden;
margin-top: 10px;
text-align: right;
position: relative;
top: -200px;
}
But, for some reason now the text in mobile view is too narrow and the image jumps out above the article postion. See attached screen shot. Might I comment that the text in mobile view in your original template is also quite narrow. Would it be an idea to place the product image above or below the text of the product description or order button? How would one do that?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 6 months ago #39773
by ivan.milic
Replied by ivan.milic on topic Changing height of products in category view
Add this to bottom of In template_css.css:
@media screen and (max-width: 979px){
.normal_image{
top:-100px;
}
}
@media screen and (max-width: 675px){
DIV.product_details_box > *{
width:100%!important;
}
}
@media screen and (max-width: 979px){
.normal_image{
top:-100px;
}
}
@media screen and (max-width: 675px){
DIV.product_details_box > *{
width:100%!important;
}
}
Please Log in to join the conversation.
-
Darko101
Inactive member - Topic Author
- Member
Less
More
- Posts: 64
- Thank you received: 0
10 years 6 months ago #39834
by Darko101
Replied by Darko101 on topic Changing height of products in category view
No change.
See attached screen shot in standard Android Browser.
Chrome for Android does the same.
See attached screen shot in standard Android Browser.
Chrome for Android does the same.
Please Log in to join the conversation.
Time to create page: 0.145 seconds