- Priority: 0
- Status: Closed
- Theme: Alysum
-
Assigned To:
Marek
- Private: No
- Open Date: 22.06.17, 09:38
- Opened by: Hugo Snellen
- Closed by: Marek
- Closed on: 29.08.17, 23:40
- Reason: No answer from a customer
Ticket #10484 - image in cat header disturbs page layout
http://label-provence-nature.fr/4-savon-a-huile-d-olive125gr
please advise , urgent
Comments
Hi Hugo.
Use following css to fix:
i am using this css
#category .content_scene_cat {height:217px; background:#fff}
@media (min-width: 727px) {
}
#pattern {background:url(http://label-provence-nature.fr/themes/alysum/images/LPN_background.gif)}
body ul.main-section-links ul.main-section-sublinks > li {margin-bottom:10px}
body ul.main-section-links ul.main-section-sublinks > li a {
display: block;
overflow: hidden;
}
Just replace
with
Oh thank you, what is the optimal image size to fill in the category space?
Hi Hugo.
Here you can read about that https://alysum5.promokit.eu/documentation/#!/images
is there no way to improve the resolution? How do I assign all space to text only?
You can use images with high resolution, for example 2000×2600.
“How do I assign all space to text only?” - I didn’t understand that clearly.
not better at all
http://label-provence-nature.fr/en/15-fantasy
I don’t see any issues there
you dont see any details in image at all, can i use the thebig questiob mark field like in
http://label-provence-nature.fr/en/40-soap-cord-4-different-objects
http://awesomescreenshot.com/04e6byjwa1 that means there is no category image. Try to upload it
i do not agree all images i upload end up in field for category description
either there is no image and the question mark field or it squeezes it in the cat description field at very low resolution
Look, there is no category image http://awesomescreenshot.com/0016bykle1. Try to upload it to get it here http://awesomescreenshot.com/04e6byjwa1
that is what i do!!!!
yu see my upload for fantasy on the attached file!!
Give me a link to front page to see it
http://label-provence-nature.fr/en/
@media (min-width: 727px) {
}
#pattern {background:url(http://label-provence-nature.fr/themes/alysum/images/LPN_background.gif)}
body ul.main-section-links ul.main-section-sublinks > li {margin-bottom:10px}
body ul.main-section-links ul.main-section-sublinks > li a {
display: block;
overflow: hidden;
}
#pk_customlinks .pk_wishlist {display:none} /* hide Wishlist */
#pk_customlinks .pk_favorites {display:none} /* hide Favorites */
#pk_customlinks .pk_watchlist {display:none} /* hide Watchlist */
#pk_customlinks .pk_compare {display:none} /* hide Comparelist */
I’m sorry, my english is really bad, and I can’t understand what you ask me to do.
Could you please write me clear? For example: category image not shown - please fix it
category image not shown in correct place
image inserted for category goes into small space of desription but not in predefined field
http://label-provence-nature.fr/en/10-wall-mounted-rotating-soap
I can do it like this: http://awesomescreenshot.com/0bd6bym95d Or let me know how it should be
please look at these images
ok, how do you think it should look?
like this, in original question mark block designed for cat image
Ok.
Please check out category image settings first. http://alysum.promokit.eu/documentation/#!/configuring_images Then upload your category image with the same dimension like defined in your back office
I am afraid that some of my image sizes may be incorrect:
rhese are my image sizes available:
9 m_scene_default 161 px 58 px
Modifier
Modifier
Modifier
Modifier
Modifier
Modifier
Modifier
Modifier
Modifier
sorry for the confusion Marek
I put image to 400-222 , need that
I put css to 50%
How can I get my text better in place please?
Do you want to have a text like this: https://www.awesomescreenshot.com/0bd6bym95d