CSS Ordering within Head - Joomla! Forum - community, help and support

-

1. believe have code in <head> section in right order ie ensure "custom" css rendered last.

2. when inspect css in rendered template find bootstrap comes after "custom" css; styles over-written bootstrap/

so going wrong?

my <head> code:

code: select all

<?php
  defined('_jexec') or die;
 
         // add javascript frameworks
jhtml::_('bootstrap.framework');

    // load optional rtl bootstrap css
jhtml::_('bootstrap.loadcss', true);



?>

<!doctype html>
  <head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <jdoc:include type="head" />
              <!--[if lt ie 9]>
      <script src="<?php echo juri::root(true); ?>/media/jui/js/html5.js"></script>
   <![endif]-->
    <link href='https://fonts.googleapis.com/css?family=ubuntu' rel='stylesheet' type='text/css'>
   <?php $this->addstylesheet( 'templates/' . $this->template . '/css/custom.css' ); ?>
  </head>


my output:

code: select all

<!doctype html>
  <head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <base href="http://www.xxx/rosie/" />
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <meta name="generator" content="joomla! - open source content management" />
   <title>home</title>
   <link href="/rosie/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="rss 2.0" />
   <link href="/rosie/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="atom 1.0" />
   <link href="/rosie/templates/clothesandpose/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
   <link href="/rosie/media/jui/css/bootstrap.min.css?3d945c1816262c8987c2ba068cb59d7f" rel="stylesheet" type="text/css" />
   <link href="/rosie/media/jui/css/bootstrap-responsive.min.css?3d945c1816262c8987c2ba068cb59d7f" rel="stylesheet" type="text/css" />
   <link href="/rosie/media/jui/css/bootstrap-extended.css?3d945c1816262c8987c2ba068cb59d7f" rel="stylesheet" type="text/css" />
   <link href="/rosie/templates/clothesandpose/css/custom.css" rel="stylesheet" type="text/css" />
   <link href="/rosie/modules/mod_favslider/theme/css/favslider.css" rel="stylesheet" type="text/css" />
   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
   <link href="//fonts.googleapis.com/css?family=open+sans" rel="stylesheet" type="text/css" />
   <link href="http://www.xxxx.co.uk/rosie/media/jui/css/bootstrap.css" rel="stylesheet" type="text/css" />
   <link href="http://www.xxxx.co.uk/rosie/media/jui/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
   <link href="http://www.xxxx.co.uk/rosie/modules/mod_icemegamenu/themes/default/css/default_icemegamenu.css" rel="stylesheet" type="text/css" />
   <link href="http://www.xxxx.co.uk/rosie/modules/mod_icemegamenu/themes/default/css/default_icemegamenu-reponsive.css" rel="stylesheet" type="text/css" />
   <script src="/rosie/media/jui/js/jquery.min.js?3d945c1816262c8987c2ba068cb59d7f" type="text/javascript"></script>
   <script src="/rosie/media/jui/js/jquery-noconflict.js?3d945c1816262c8987c2ba068cb59d7f" type="text/javascript"></script>
   <script src="/rosie/media/jui/js/jquery-migrate.min.js?3d945c1816262c8987c2ba068cb59d7f" type="text/javascript"></script>
   <script src="/rosie/media/system/js/caption.js?3d945c1816262c8987c2ba068cb59d7f" type="text/javascript"></script>
   <script src="/rosie/media/jui/js/bootstrap.min.js?3d945c1816262c8987c2ba068cb59d7f" type="text/javascript"></script>
   <script src="/rosie/modules/mod_favslider/theme/js/jquery.flexslider.js" type="text/javascript"></script>
   <script src="/rosie/modules/mod_favslider/theme/js/jquery.mousewheel.js" type="text/javascript"></script>
   <script src="/rosie/modules/mod_favslider/theme/js/jquery.fitvids.js" type="text/javascript"></script>
   <script src="/rosie/modules/mod_favslider/theme/js/favslider.js" type="text/javascript"></script>
   <script src="/rosie/modules/mod_favslider/theme/js/viewportchecker/viewportchecker.js" type="text/javascript"></script>
   <script src="http://www.xxxx.co.uk/rosie/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
   <script type="text/javascript">
jquery(window).on('load',  function() {
            new jcaption('img.caption');
         });
   </script>

              <!--[if lt ie 9]>
      <script src="/rosie/media/jui/js/html5.js"></script>
   <![endif]-->
    <link href='https://fonts.googleapis.com/css?family=ubuntu' rel='stylesheet' type='text/css'>
     </head>
 

use addcustomtag method place custom file last eg
$this->addcustomtag('<link href="/rosie/templates/clothesandpose/css/custom.css" rel="stylesheet" type="text/css" />');





Comments

Post a Comment

Popular posts from this blog

Embed interactive SWF in PDF - losing interactivity

-
i have simple swf file has multiple squares change color when clicked. need embed pdf when viewed, can still click squares change colors. however, when embed it, squares no longer change colors when clicked. pdf built in indesign cs6 , have tried embedding swf file both in acrobat pro , in indesign, both no luck.   the swf file ahs multiple instances of same swf file loaded , works fine when tested in browser , in flash , when open windows explorer. have attached child swfs resources collection rich media annotation parent swf can load them? kelsey.peterson wrote:   the swf file ahs multiple instances of same swf file loaded . More discussions in Rich Media & 3D adobe
Read more

Falang and too many redirects - Joomla! Forum - community, help and support

-
hello i don't know if i'm posting in right place , i'm apologise have searched solution long time , couldn't find . my problem starts when have install component falang (translation component ). after time decided uninstall , problem starts. go extension tab meny in left column press manage button, list on right found falang component , delete it, when did website not accessible did stupidest thing install falang package file 1 more time , here problem, when trying open website message showing: "website redirected many times. try clearing cookies. err_too_many_redirects" i have cleared cookies didn't help. have used tool "header checker tool" , result "301 moved permanently " please because don't know do. thank you setka Board index Joomla! 3.x - Ask Support Questions Here Extensions for Joomla! 3.x
Read more

Modification to Age Checker Pro module - Joomla! Forum - community, help and support

-
hello, know how modify age checker pro module have simple "yes 21 or older - no not 21" instead of having enter birthday? https://extensions.joomla.org/extension ... ecker-pro/ hi, i looked around demo of module , seems using javascript render form. if want have described (2 simple buttons), maybe there many things modify. try contact directly author of module or hire freelancer! good luck! Board index Joomla! 3.x - Ask Support Questions Here Extensions for Joomla! 3.x
Read more