Skip to main content

Support Policy

We only provide official support for Solidres's subscribers, all subscribers can request support by using forum or support ticket system. For more information please check our Support Policy at www.solidres.com/support-policy

display issue: room types media and description

More
12 years 10 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
12 years 10 months ago - 12 years 10 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:
Code:
<p style="clear: both"></p>

You can see the result in my attached screen shot.
Last edit: 12 years 10 months ago by vietvh.

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

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

vietvh wrote: it only looks nice if there is 1 image row.


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.


Attachment image-row.jpg not found



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.
Last edit: 12 years 10 months ago by websquirrel.

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

More
12 years 10 months ago - 12 years 10 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
Code:
#solidres div.even { border-left: none; }
Last edit: 12 years 10 months ago by vietvh.

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

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

Attachment noborder.jpg not found




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...
Last edit: 12 years 10 months ago by websquirrel.

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

More
12 years 10 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
Code:
.reservation-single-step-holder img { float: left; width: 73px; }

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

Moderators: solidres

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