Order of the custom.css file

Hi,

I would like to change the load order of the custom.css file of Osservices.
Now the the custom.css file is loaded before the bootstrap files, making it very difficult to override some of the bootstrap settings.

Question: Would it not be better to load the custom.css file by default after all the other .css files ?

Grt,
Maarten

Hi Maarten,
I am not sure with your idea, could you please explain more details your topic
Thanks
Dam

<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/style.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/custom.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bs2.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bootstrap/css/bootstrap.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" />
<link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<link href="/maisonesthetique/templates/protostar/css/template.css?f48559255485f5f4c5271b54f5fe7b1c" rel="stylesheet" />
<link href=" fonts.googleapis.com/css?family=Open+Sans " rel="stylesheet" />
<link href="/maisonesthetique/plugins/system/gdpr/assets/css/cookieconsent.min.css" rel="stylesheet" />
<style>

Hi,
OS Services Booking supports Custom CSS, and file custom.css is loaded in component when you add Custom CSS through OS Services Booking Configuration
Thanks
Dam

Hi Dam,

The custom.css file is loaded by the OSservice component. But the custom.css file is loaded before the bootstrap files. So the settings of the bootstrap files will overrule the custom settings in the custom.css file.

Is there a way to load the custom.css file from Osservice component after the bootstrap files loaded by OSservice component.

Now the order is:
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/style.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/custom.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bs2.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bootstrap/css/bootstrap.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bootstrap/css/bootstrap-responsive.css rel="stylesheet" />

I would like to have the order:
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/style.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bs2.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bootstrap/css/bootstrap.css" rel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/bootstrap/css/bootstrap-responsive.cssrel="stylesheet" />
<link href="http://localhost/maisonesthetique/media/com_osservicesbooking/assets/css/custom.css" rel="stylesheet" />


Who can I do this ?
Question: Would it not be better to load the custom.css file by default after all the other .css files ?

Grt,
Maarten