× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

How to setup DJ-Image Slider Module?

fogza
Topic Author
Offline

8 years 2 months ago - 8 years 2 months ago #1017 by fogza

fogza created the topic: How to setup DJ-Image Slider Module?

I would like to result same : Demo
But I can't same demo
Position : Header

Help me please:(

Last Edit: 8 years 2 months ago by fogza.

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

marcin
Offline

8 years 2 months ago - 8 years 2 months ago #1022 by marcin

marcin replied the topic: Re: How to setup DJ-Image Slider Module?

Hi,

Have you read the manual which is attached to the package?

Go to the DJ-ImageSlider module parameters, then in the advanced options set the description width to 200px.

Now, go to the DJ-ImageSlider component and edit a slide, put this text inside the description (in the html mode):

<div style="height: 185px;">
Here is a description.
</div>

BR,
Marcin

Last Edit: 8 years 2 months ago by marcin.

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

fogza
Topic Author
Offline

8 years 2 months ago - 8 years 2 months ago #1023 by fogza

fogza replied the topic: Re: How to setup DJ-Image Slider Module?

Thank a lot. I see it

But text is overflow edge Shown below

I would like to insert css

word-wrap: break-word

but I don't to see it class="slide-desc" . And I would like to the top - bottom edge of position

Help me please

Fogza

Last Edit: 8 years 2 months ago by fogza.

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

marcin
Offline

8 years 2 months ago #1024 by marcin

marcin replied the topic: Re: How to setup DJ-Image Slider Module?

Hi,

As I wrote in my first post.

Now, go to the DJ-ImageSlider component and edit a slide, put this text inside the description (in the html mode):

<div style="height: 185px;">
Here is a description.
</div>

Have you done this?
Remember to set the div height in relation to your slide height.

In the case of word-wrap style, edit the modules.css file, in the line 84th you will find:

#jm-header .slide-desc-text {
    background: url("../images/header_desc_arrow.png") no-repeat left 50%;
    padding: 10px 20px;
}

Add "word-wrap: break-word;" as follows:

#jm-header .slide-desc-text {
    background: url("../images/header_desc_arrow.png") no-repeat left 50%;
    padding: 10px 20px;
    word-wrap: break-word;
}

BR,
Marcin

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

fogza
Topic Author
Offline

8 years 2 months ago - 8 years 2 months ago #1025 by fogza

fogza replied the topic: Re: How to setup DJ-Image Slider Module?

Have you done this?
Remember to set the div height in relation to your slide height.

Yeah, I'm done.

Why are use <div style="height: 185px;"> at that time I set Slide Height = 245px in module?

~~- Now I can see modules.css but word-wrap: break-word; don't work. What should I do?~~

Now I done!.