Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1006722

Hi dr_tatian,

Please help us to separate your questions so that each question should be in 1 topic so that if other people have the same concern, it would be very helpful.

For the slideshow description text in mobile view, you can use this css rule:

@media (max-width: 480px) {
  .ja-ss-desc {
    display: block !important;
  }
}

Regards

[dr_tatian Friend dr_tatianJoin date: July 2015Posts: 48Downloads:8Uploads:8 Thanks: 4]

#1006829

Thank you, just to confirm this should be placed in the custom.css file?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1006876

You’re right. It’s better to put custom css code into the file: ROOT/templates/ja_medicare (your default template)/css/custom.css

[dr_tatian Friend dr_tatianJoin date: July 2015Posts: 48Downloads:8Uploads:8 Thanks: 4]

#1007431

thanks i will put this in the custom.css file – what do i need to do to call it for this piece of code? assuming it just goes in the code editor section of the element

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1007492

Hi,

You just add above css code into ‘custom.css’ file, all custom code inside this file will be loaded in priority on your site.

Regards

[dr_tatian Friend dr_tatianJoin date: July 2015Posts: 48Downloads:8Uploads:8 Thanks: 4]

#1008049

I have made the described change and now it will appear in mobile views. However it takes up the entire screen and does not reatain its size similar to that which is on desktop screen. Refer to attached for example

---

Attachments:

1. banner-issue.pdf

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1008392

Yes, this slideshow is hidden in mobile view by default so it’s not styled in small view port. You can use Media Queries as above and add style for it.

For example, if you want to change font size for the description, you use this declaration:

@media (max-width: 480px) {
  .ja-ss-desc h3 {
    font-size: 20px;
  }

  .ja-ss-desc p {
    font-size: 10px;
  }
}

[dr_tatian Friend dr_tatianJoin date: July 2015Posts: 48Downloads:8Uploads:8 Thanks: 4]

#1008627

thank you for resolving this issue for me

[Author]

Posts