fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: [SOLVED] Custom CSS Files

[SOLVED] Custom CSS Files 5 months 1 week ago #30707

  • iorbita
  • iorbita's Avatar
  • Offline
  • Premium Member
  • Posts: 107
  • Thank you received: 1
  • Karma: 0
Hi,
I usually have two css files for styles customization, one for desktop version (custom.css) and the other for mobile version (mobile.css).

In this case it seems that mobile.css file is not taked into account, yet it is displayed in the head of my page and below the custom.css file.

I tried to juggle with numbers |2 |-1 to shift order, but I got nothing ...
It looks like custom.css file is compiled again further down but mobile.css file is not…?

Could you please clarify me on this subject?

Thanks,
Lorenzo



Last Edit: 4 months 2 weeks ago by iorbita.
The administrator has disabled public write access.

Custom CSS Files 5 months 1 week ago #30730

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

The file is loaded correctly. You have two custom.css files.

Here is the path.
1. templates/jd_yoga_hut/custom.css
1. templates/jd_yoga_hut/css/custom.css

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Custom CSS Files 5 months 1 week ago #30732

  • iorbita
  • iorbita's Avatar
  • Offline
  • Premium Member
  • Posts: 107
  • Thank you received: 1
  • Karma: 0
... ok so why mobile.css file is not taken into account?
The administrator has disabled public write access.

Custom CSS Files 5 months 1 week ago #30758

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Maybe the file is not on the right path. So please check.

Or Provide the live site link.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Custom CSS Files 5 months 1 week ago #30764

  • iorbita
  • iorbita's Avatar
  • Offline
  • Premium Member
  • Posts: 107
  • Thank you received: 1
  • Karma: 0
Hi,
the path is correct, it looks like mobile.css file is not loaded.
I wrote some simple rules in mobile.css file and they are ignored:
@media (max-width: 640px) {
h1 {
color: blue! important;
}
h2 {
color: green! important;
}
h3 {
color: red! important;
}
}

I have the same problem with another site that was created with Astroid framework (Template zero), in version 2.3.0 this same file was loaded correctly, since I upgraded to version 2.5.x mobile.css file is no longer loaded.

Part of the message is hidden for the guests. Please log in or register to see it.

Thanks,
Lorenzo
The administrator has disabled public write access.

Custom CSS Files 5 months 3 days ago #30818

  • iorbita
  • iorbita's Avatar
  • Offline
  • Premium Member
  • Posts: 107
  • Thank you received: 1
  • Karma: 0
… an answer would be appreciated…

Thanks,
Lorenzo
The administrator has disabled public write access.

Custom CSS Files 5 months 2 days ago #30830

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
The mobile.css and custom.css both file are in css folder and you put the wrong path.

That's why both files are not rendered. See the video.

www.screencast.com/t/oFVri9P8Dm

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Custom CSS Files 5 months 1 day ago #30857

  • iorbita
  • iorbita's Avatar
  • Offline
  • Premium Member
  • Posts: 107
  • Thank you received: 1
  • Karma: 0
Hi,
... what a stupid mistake on my part :pinch: I’m so sorry for a lack of attention to this :(
... BUT I really have a problem concerning this mobile.css file on another website with astroid_template_zero, since I updated Astroid framework from version 2.3.0 to version 2.5.2 I can't order mobile.css file after custom.css file, any idea why?
Here also I tried to juggle with numbers |2 |-1 to shift order, but I got nothing ...

You can check this issue here: Part of the message is hidden for the guests. Please log in or register to see it.
I know it's off topic, but I will appreciate your help (maybe you can move this post to Astroid forum?)

Thanks again,
Lorenzo

Last Edit: 5 months 1 day ago by iorbita.
The administrator has disabled public write access.

Custom CSS Files 4 months 4 weeks ago #30881

  • iorbita
  • iorbita's Avatar
  • Offline
  • Premium Member
  • Posts: 107
  • Thank you received: 1
  • Karma: 0
Hi,
I guess I shouldn't expect an answer on this?
The administrator has disabled public write access.
Time to create page: 0.505 seconds
Cron Job Starts