Problems with DJ-Slider

More
4 years 5 months ago #8045 by matze1
matze1 replied the topic: Problems with DJ-Slider
Hi Marcin,
i have make the change on the live site.
It looks good.
But i have another problem, with DJ-Slider "Unsere Hunde" (Our dogs).
The text is overlapping the picture, that looks not good. What must i do, that the text is scalling?
Can you help me once more again.
Thank you.
Matze
Attachments:

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

More
4 years 5 months ago #8049 by marcin
marcin replied the topic: Problems with DJ-Slider
Hello,

You can both: decrease the font size and decrease the navigation size.
You will need to add the following styles:

@media (max-width: 480px) {
.jm-module .jm-title {
font-size: 18px;
}
span.load-button {
margin: 0 2px;
width: 8px;
height: 8px;
}
}

You can adjust the values to fit to your needs.

Regards.

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

More
4 years 5 months ago #8050 by matze1
matze1 replied the topic: Problems with DJ-Slider
Hi Marcin,
i change it on the live site.
But nothing happens.
Cache is clear.
Any ideas?

custom.css
/*
# Copyright (C) joomla-monster.com
# License: www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: www.joomla-monster.com
# Support: This email address is being protected from spambots. You need JavaScript enabled to view it.
*/

/* ==========================================================================
CUSTOM styles
========================================================================== */

/* Here you can add CSS styles to override the default template styles */
#jm-logo-sitedesc {
min-height: 90px;
}

#jm-logo-sitedesc #jm-logo-sitedesc-in {
/*bottom: 10px*/
padding: 0px;
bottom: 10px;
}

#jm-top-menu-nav {
margin-bottom: 30px;
width: 75%;
}

.btn, .button {
text-transform: none;
}

input, textarea {
width: 500px;
}


@media (max-width: 767px) {
.slider1-ms .djslider .slide-desc-text {
padding: 30px 15px;
}
}

@media (max-width: 480px) {
.jm-module .jm-title {
font-size: 18px;
}
span.load-button {
margin: 0 2px;
width: 8px;
height: 8px;
}
}


Thank you.
Matze

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

More
4 years 5 months ago #8055 by marcin
marcin replied the topic: Problems with DJ-Slider
Hello,

You may need to add the !important attribute:

@media (max-width: 480px) {
.jm-module .jm-title {
font-size: 18px;
}
span.load-button {
margin: 0 2px !important;
width: 8px !important;
height: 8px !important;
}
}

Regards,
Marcin

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

More
4 years 5 months ago #8068 by matze1
matze1 replied the topic: Problems with DJ-Slider
Hi Marcin,

the text "Unsere Hunde" and the dots, now scale perfect.
But another question. What must i do, that the text (the name of the dogs) in the picture scale?
Thank you once more again.
Best regards.
Matze

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

More
4 years 5 months ago #8072 by marcin
marcin replied the topic: Problems with DJ-Slider
Hello,

The only way is to change the font size. However since you have 4 slides in one row you would need to change the font size to about 6 pixels, so the text will be unreadable I guess.

We are going to release DJ-ImageSlider 3 in the nearest future. It will work in a different way. There will be less slides displayed for smaller screens. This way the text should be much more readable. So stay tuned :)

Regards,
Marcin

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

Time to create page: 0.324 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.