display issue: room types media and description

More
11 years 4 months ago #3687 by websquirrel
Hi,

I have a display issue on room types in front end: description does not display correctly after media, it has an unexpected and ugly text flow effect around media. Furthermore list style in description has an ugly break because of that issue. See screenshot.



I think your component should work very well with joomla default template.

Joomla: 3.1.6
Template: protostar - Default
Solidres: 0.5.4
live site: fewo.eichhorn.in

Please fix this,
Regards

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago - 11 years 4 months ago #3691 by vietvh
Hi,

Actually, that text flow is expected behavior but it only looks nice if there is 1 image row. You can make it nicer by editing your room types and add the following tag at the beginning of your room type description:
<p style="clear: both"></p>

You can see the result in my attached screen shot.
Attachments:
Last edit: 11 years 4 months ago by vietvh.

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago - 11 years 4 months ago #3705 by websquirrel
Replied by websquirrel on topic display issue: room types media and description

Well, that is not possible, because of the green line on the left! That's why 7 images are not enough to fill the row and 8 images are too many ... that's the problem.




Actually our 8 images should perfectly fill the row but they don't because of this green line. Remember: this is default joomla template, not any customed one.
Attachments:
Last edit: 11 years 4 months ago by websquirrel.

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago - 11 years 4 months ago #3706 by vietvh
Hi,

If you want to remove the left green 3px border, you can add the following lines into your template's CSS file
#solidres div.even {
border-left: none;
}
Last edit: 11 years 4 months ago by vietvh.

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago - 11 years 4 months ago #3708 by websquirrel
Replied by websquirrel on topic display issue: room types media and description
that did not help:




The whole container seems too small for 8 images in 1 row and too wide for 7 images in 1 row. So your 1-row-rule cannot work and I wonder how this can ever look nice with solidres if you don't change your solidres styles...
Attachments:
Last edit: 11 years 4 months ago by websquirrel.

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #3709 by vietvh
Hi,

You are free to adjust the CSS to suit your specific case, for example you can make the image smaller so that they can fit in 1 row
.reservation-single-step-holder img {
float: left;
width: 73px;
}

Please Log in or Create an account to join the conversation.

Moderators: solidres
Powered by Kunena Forum

All the things you need to make your work easier. Did you like Solidres?