Monitor Reply

Support

Display Text did not follow :((

Permalink Browser Info Environment March 21, 2017 at 2:40 AM

Show text from picture description is fine,
but it post all text in one line, not in x_lines.
Can you fix this a bit?
and
how can i adjust the text line max_wide?

Type:	Pre-Sale
Status:	Resolved

mnakalay replied on Mar 21, 2017 at 5:26 am Permalink Reply

Hello,
Thank you for letting me know. I'm looking into it and will offer a fix shortly

mnakalay replied on Mar 21, 2017 at 6:42 am Permalink Reply

Hello,

I have fixed the description problem and it will now respect line breaks.

Concerning limiting max width for the description, you can do it by giving it a left and right padding.

In the file touch_gallery/css/touch-gallery.css the description is styled as follow:

.galleryOverlay p.placeholderdesc {
    position: absolute;
    /*bottom:-40px;*/
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    margin: 0;
    padding: 10px;
    font-size: 14px;
    display: block;
    width: 100%;
    height: auto;

Viewing 15 lines of 24 lines. View entire code block.

 
.galleryOverlay p.placeholderdesc {
    position: absolute;
    /*bottom:-40px;*/
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    margin: 0;
    padding: 10px;
    font-size: 14px;
    display: block;
    width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    box-sizing: border-box;
    -moz-transition: bottom 0.7s ease, opacity 1s ease;
    -webkit-transition: bottom 0.7s ease, opacity 1s ease;
    transition: bottom 0.7s ease, opacity 1s ease;
}

You need to modify the padding value.

To do so and still be able to update later without losing your modifications, you must create a template for your gallery and add the modified padding to it like so:

.galleryOverlay p.placeholderdesc {
    padding: 10px 85px;
}

In this example, padding left and right will be 85px

If you are not sure how to build the template, just let me know and I'll help you with that.

I'd like to ask you a favor if you don't mind. Could you take a few minutes and leave a review for Touch Gallery please? Just a few words telling others about your experience with it would be fine. You can do it here: https://www.concrete5.org/marketplace/addons/touch-gallery1/reviews...

Thank you

mnakalay replied on Mar 23, 2017 at 1:07 pm Permalink Reply

Hello,

Is the problem solved? Can I mark this request as resolved?

Thank you

Buschmann replied on Mar 23, 2017 at 2:29 pm Permalink Reply

YES,
P E R F E C T ++

Thanks again..:)

mnakalay replied on Mar 23, 2017 at 3:32 pm Permalink Reply

Awesome! thanks for letting me know.

Sorry to insist but if you had the time for a little review I'd really appreciate it:https://www.concrete5.org/marketplace/addons/touch-gallery1/reviews...

If you want to of course.

Thank you again

Touch Gallery 4

Support

Display Text did not follow :((

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post