This is the stuff I need to do on my site after a Joomla upgrade:

  1. Modify the template head for Google adSense
  2. Update the favicon
  3. Modify the template.css file

 

1. Modify template head for Google adSense

Visit Extensions >> Templates >> Protostar Details and Files >> and edit the "index.php" to go all the way to line 136, where t he head section starts

BEFORE!!!!

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<jdoc:include type="head" />
</head>

 

Change it so that it reads this:

REPLACE IT WITH THIS !!!

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<jdoc:include type="head" />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-7599462787214746",
          enable_page_level_ads: true
     });
</script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-18486432-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-18486432-1');
</script>
</head>

Save & Close the index.php after that

 

2. Update the favicon

Given the fact that we are using the Protostar template, fire up Filezilla and replace the "favicon.ico" file in /httpdocs/templates/protostar with the one of your choice

 

3. Modify the template.css file

Still on the Protostar template pages, open css >> template.css and go all the way to line 193 to change the font-size to read 14px, I like it big :) You can also create a "user.css" file with these entries, but on my case it did not make any difference, I had to modify the "template.css" instead

REPLACE IT WITH THIS !!!

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	background-color: #fff;

 

Do the same thing for font-size on line 796 - 816, making this one size 12px:

 

code,
pre {
	padding: 0 3px 2px;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
code {
	padding: 2px 4px;
	color: #d14;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	white-space: nowrap;
}
pre {
	display: block;
	padding: 8.5px;
	margin: 0 0 9px;
	font-size: 12px;
	line-height: 18px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

 

Print Friendly, PDF & Email

Comments powered by CComment