Joomla Templates Club 406,261 posts

[renco Friend rencoJoin date: March 2016Posts: 8Downloads:13Uploads:7]

#958900

Dear all,

I’m using the JA-medicare template and JA Slideshow Lite. If the JA Slideshow lite is set to a medium screen the ja-ss-mask (the blue text block) disappear. (See enclosed screenshots).

I have seen this setting has nothing to do with the responsible/mobile template settings.

I want to show the ja-ss-mask still in a medium screen. What code can I change?

Thanks in advance. Dimitri

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#958909

Hi
Kindly follow the suggestion given in this thread for the same matter .

Regards .

[renco Friend rencoJoin date: March 2016Posts: 8Downloads:13Uploads:7]

#959304

Thanks a lot!
Looks like this is the correct treatment 🙂
Only, root_folder/templates/ja_medicare/css/custom.css there file custom.css doesnt exist.

Could it be a different file name?

Thanks Dimitri

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#959310

Hi
You need to create it , if its not present .

[renco Friend rencoJoin date: March 2016Posts: 8Downloads:13Uploads:7]

#961330

Hi Pankaj,

Thanks for you reply 🙂

I did that …. but didn’t work out.

See attachment ….

Anything wrong there?

Best, Dimitri

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#961336

Kindly post your working site url here

[renco Friend rencoJoin date: March 2016Posts: 8Downloads:13Uploads:7]

#962353

Hi Pankaj,

Thanks a lot for your help.

http://www.rehaprime-physiotherapie-zuerich.ch/

Best, Dimitri

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#962549

Hi
there is no custom.css file on site : http://www.rehaprime-physiotherapie-zuerich.ch/templates/ja_medicare/css/custom.css
http://prntscr.com/c9ncr2
Also the description is hidden due to it does not fit the content in small view due to large height of text and length .

[renco Friend rencoJoin date: March 2016Posts: 8Downloads:13Uploads:7]

#962577

Hi Pankaj,

That’s correct, I removed the file because it didn’t work.
I put the file back in place.

Hope you can have a look.

Thanks a lot.
Dmitri

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#962581

Hi
You can take a look on site again code is working : http://prntscr.com/c9of2o
You have to apply media queries to change the size of font in different screen-sizes
http://getbootstrap.com/css/#grid-media-queries

Here is code for heading

.ja-ss-desc h3 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
}

For description :

.ja-ss-desc {
    position: absolute;
    top: 20%;
    padding: 25px;
    color: #ffffff;
    text-align: left;
    left: 30px;
    width: 400px;
    background: #3498db;

}

[renco Friend rencoJoin date: March 2016Posts: 8Downloads:13Uploads:7]

#962621

Hi,

I put the file in place like above > custom.css

Did I do it right?

Can not see the result so far.

Best, Dimitri

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#962632

Hi
Please read the suggestion carefully given here .
You should try the suggestions before posting on forum .

[renco Friend rencoJoin date: March 2016Posts: 8Downloads:13Uploads:7]

#966310

Hi Pankaj,

Trying and trying …. Can you check if I get this right? Or can you write the correct for me?

Here you can find my custom.css file …

Best, Dimitri

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#966445

Hi
You have not applied any media query
here is an example :

@media (max-width:468px) {
.ja-ss-desc h3 {    font-size: 16px!important;}

.ja-ss-desc {  top: 10%;   padding: 10px!important;
   text-align: left;
    left: 20px!important;
    width: 300px!important;
    display: block!important;
}
 }

This code will work for device that has max width of 468px . Also you can not show images when u display the description because small screen can not adjust both , This is the reason they are hidden .
You can apply the code for other screen size like my example .
Hope its clear now .

[Author]

Posts