How to customize description box

[Saeid Kdaimati]

Hi,

I need to place the description box in between image area and thumbnails area, and need to keep it visible permanently.

Can you help me please?

[Venelin]

Hello Saeid,

Straight on the questions:

1. "I need to place the description box in between image area and thumbnails area"
--> I am afraid that this is not possible, there is no property that can be set to achieve this requirement.

2. To keep the thumbnails area always visible you can simply add the following CSS to your page styles:

CSS:

.rigDescriptionBox {
    display: block !important;
    opacity: 1 !important;
}

Regards,
Venelin
Telerik

 

 

[Saeid Kdaimati]

Hi,
I tried this CSS, it did the trick somehow:

.rigDescriptionBox {
    padding:0 !important;
    display:block !important;
    opacity:1 !important;
    font-size:14px;
}
    .rigDescriptionBox h4 {
        font-size:1em !important;
    }
.rigToolsWrapper {
    top:550px;
}
.rigThumbnailsBoxHorizontal {
    top:90px;
}
.rigThumbnailsBoxHorizontal .rigActionButton {

    top:55px !important;
}

[Saeid Kdaimati]

The only problem I have is: when description goes for second lines, it does not push the thumbnail box, I'm aware that I have fixed its location by using "top" property, but I get rid of it, the box jump underneath the photo under the controls.

Any idea how to work around it?

[Eyup]

Hi Saeid,

Thank you for getting back to us.

Please send us sample video or screenshots demonstrating the final desired behavior and I will forward your query to our front-end developers. They will analyze the requirement and reply whether it is achievable or not.

Looking forward to hearing from you.

Regards,
Eyup
Telerik