I've been trying to make changes to the CSS of the Joomla Solarsentinel template, but some of my modifications are not showing up at all!
The website in question is labmond.sism.org and I have embedded my CSS code in the header. Here it is:
// Custom Styling for Introduction
div.bodycontent {
font-family: 'book antiqua', palatino;
line-height: 1.4;
font-size: 1.3em;
background: url('".$this->baseurl."/templates/".$this->template."/images/labmond-bkg.jpg') no-repeat center;
background-attachment:fixed;
}
div.full-article h3 {
color: #ff0000;
}
div.full-article h5 {
font-size: 1em;
font-weight: bold;i
}
.csscolumns section.paragrafo {
-moz-column-count: 2;
-moz-column-gap: 50px;
-moz-column-rule: solid #DBDBDB 1px;
-webkit-column-count: 2;
-webkit-column-gap: 50px;
-webkit-column-rule: solid #DBDBDB 1px;
column-count: 2;
column-gap: 50px;
column-rule: solid #DBDBDB 1px;
}
div.full-article section.paragrafo{
margin-bottom: 3em;
}
// Subscriber Table
table.iscrizioni{width: 100%; border-collapse:collapse;}
table.iscrizioni tr.head td, table.iscrizioni tr.data td{ border: 2px solid}
table.iscrizioni tr.number td{font-weight:bold; color: blue}";
I'm puzzled as to why my styles are getting overridden! Even when I inspect div.bodycontent, I can't see my styles being inherited or overridden.
Can anyone assist me with this issue?