Changing Paragraph Style

---

Changing Paragraph Style

---

I would like to change some of the styling of the Paragraph style.
I want to change the type, size and decrease the space between h2 heading and paragraph text. I also want to indent all paragraphs to margin-left: 15px

I found the h1 and h2 css styles but haven't been able to find the paragraph css to change.

Can you please advise on where I can locate the paragraph css?

---

Left Margin to Side Menu

---

I also would like to add a left margin to our right side menu -> safety.blairsigns.com.au/joomla/index.php/building

How can I do this?

In <template folder>/css/template_css.css you will find what you need.

I looked in template_css before I asked the question. I am still unable to find where the paragraph style is to change.

Can you please highlight it for me:


/* basics */
a:link,a:visited,a:hover {
text-decoration:none;
}


p.readon a,
p.readmore a,
a.readon:link,a.readon:visited,
a.readmore:link,a.readmore:visited {
display:block;
float:right;
background:#ff691d;
color:#fff !important;
text-align:center;
padding:0 10px;
font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
font-size:18px;
line-height:26px;
}

img {
border:0;
}

fieldset {
border:0;
}

hr {
border-bottom:none;
border-top:1px solid #dcdcdc;
border-left:none;
border-right:none;
}

.logo_line1 {
font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
font-size:48px;
font-weight:bold;
line-height:48px;
text-shadow:1px 1px #fff;
padding-top:5px;
}

.logo_line2 {
font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
font-size:24px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
margin:0 0 15px;
padding:0;
line-height:20px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
padding:10px 0;
margin:0;
text-decoration:none;
line-height:0px;
}

/* heading icons */

ul.actions {
margin:0 !important;
padding:0 !important;
}

ul.actions li {
margin:0 !important;
padding:0 !important;
list-style:none;
float:right;
position:relative;
top:-35px;
width:20px;
}

/* acticle details */

dl.article-info,
dl.article-info dd {
padding:0;
margin:0;
}

dl.article-info dt.article-info-term {
display:none;
}

/* category name */

dl.article-info dd.category-name,
dl.article-info dd.category-name a:link,
dl.article-info dd.category-name a:visited,
dl.article-info dd.category-name a:hover {
font-size:11px;
}

/* created date */

dl.article-info dd.create {
font-size:11px;
float:left;
padding-left:5px;
margin:0;
}

/* modified date */

dl.article-info dd.modified {
font-size:11px;
}

/* published date */

dl.article-info dd.published {
font-size:11px;
float:left;
padding-left:5px;
margin:0;
}

/* author name */

dl.article-info dd.createdby {
font-size:11px;
float:left;
padding:0 5px 0 2px;
border-right:none;
margin:0;
}

/* hits */

dl.article-info dd.hits {
font-size:11px;
}

/* page navigation */

.pagination ul {
margin:0 !important;
padding:0 !important;
}

.pagination li {
list-style:none;
float:left;
padding:10px 10px 0 0;
}

/* multi-column layout */

.row-separator {
clear:both;
display:block;
}

.cols-2 div.item {
width:46%;
float:left;
margin:0 2%;
}

.cols-3 div.item {
width:31%;
float:left;
margin:0 2% 0 0;
}

.cols-4 div.item {
width:23%;
float:left;
margin:0 2% 0 0;
}

/* category list layout */

.category {
width:100%;
}

.category th {
color:#eee;
font-weight:700;
padding:5px;
text-align:left;
border-bottom:1px dotted #cccccc;
}

.cat-list-row0 td {
padding:5px;
text-align:left;
}

.cat-list-row1 td {
padding:5px;
text-align:left;
background:#f4f4f4;
}

.category .list-title {
width:50%;
}

.category .list-date {
width:20%;
}

.category .list-author {
width:20%;
}

.category .list-hits {
width:10%;
}

.category td.hits {
text-align:center;
}

/* contacts category layout */

.category .item-title {
width:20%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
text-decoration:underline;
}

.category .item-position {
width:20%;
}

.category .item-phone {
width:20%;
}

.category .item-suburb {
width:20%;
}

.category .item-state {
width:20%;
}

/* contact form */

#contact-form dl dd {
padding-bottom:10px;
}

#contact-form dl dt {
width:100px;
float:left;
padding-bottom:10px;
}

div.pane-slider {
background:none;
color:#333;
}

.jicons-icons img {
float:left;
}

.jicons-icons img {
float:left;
margin-right:10px;
}

address span.contact-street {
padding:0 8px 0 0;
display:block;
}

address span.contact-suburb,
address span.contact-state,
address span.contact-postcode,
address span.contact-country {
padding:0 8px 0 25px;
display:block;
}

.contact-email label {
display:block;
float:left;
width:100px;
}

.contact-email .inputbox {
margin-bottom:10px;
}

.contact-email .button {
margin-top:30px;
}

/* pane toggler */

.pane-toggler-down, .pane-toggler {
background:#222;
padding:5px 20px;
}

.pane-sliders .content {
padding:0 20px;
}

/* article info */

.article_author {
font-size:11px;
border-right:1px dotted #cacaca;
padding:0 5px 0 2px;
}

.article_date {
font-size:11px;
padding-left:5px;
}

.createdate,.modifydate,.small {
font-size:11px;
}

td.createdate {
width:50%;
}

.inputbox, input.required, textarea.required {
border:1px solid #cacaca;
padding:4px;
}

textarea.inputbox {
background:#ccc;
}

.search .inputbox {
color:#fff;
padding:6px;
background:#2d2d2d;
border:none;
}

.button {
color:#fff;
border:none;
padding:0 10px;
font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
font-size:18px;
line-height:26px;
background:#ff691d;
}

table.searchinto {
width:100%;
}

form {
margin:0;
padding:0;
}

.article_column {
padding:0 15px;
}

.article_separator {
height:1px;
display:block;
}

/* lists */

ol {
margin-left:20px;
padding-left:7px;
}

ol li {
padding-left:0;
padding-top:0;
padding-bottom:5px;
}

li ol {
padding-top:5px;
}

ul.checklist {
margin:0 0 0 5px !important;
padding:0 !important;
}

ul.checklist li {
background:url(../images/icon_checklist.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}

ul.arrow {
margin:0 0 0 5px !important;
padding:0 !important;
}

ul.arrow li {
background:url(../images/icon_arrow.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}

ul.star {
margin:0 0 0 5px !important;
padding:0 !important;
}

ul.star li {
background:url(../images/icon_star.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}

/* menu */

ul.menu {
margin:0;
padding:0;
}

ul.menu li {
margin:0;
list-style:none;
padding:0px;
border-bottom:none;
}

ul.menu li a:link, ul.menu li a:visited {
text-decoration:none;
display:block;
padding:3px 0;
font-weight:normal;
}

ul.menu li ul {
margin:0;
padding:0;
display:block;
}

ul.menu li ul li, ul.menu li ul li {
margin:0;
padding:0 15px;
background:none;
}

li.active a:link,li.active a:visited,li.active a:link,li.active a:visited {
padding:7px;
}

ul.menu li ul li#current a:link,ul.menu li ul li#current a:visited,ul.menu li ul li#current a:link,ul.menu li ul li#current a:visited {
background:none;
padding:7px;
text-transform:uppercase;
font-weight:normal;
}

ul.menu li ul li a:link, ul.menu li ul li a:visited, ul.menu li#current ul li a:link, ul.menu li#current ul li a:visited {
color:#ccc;
background:none;
padding:7px;
text-transform:uppercase;
font-weight:normal;
}

.footer ul.menu {
margin:0;
padding:0;
}

.footer ul.menu li {
list-style:none;
float:left;
}

.footer ul.menu li a:link,.footer ul.menu li a:visited {
color:#fff;
text-decoration:none;
display:block;
padding:0 15px 7px 0;
font-weight:normal;
}

.footer ul.menu li a:hover {
color:#fff;
text-decoration:underline;
}

.footer2 a:link,.footer2 a:visited {
color:#fff;
}

.header_menu ul {
padding:0;
margin:0;
float:none;
list-style:none;
}

.header_menu ul.menu li {
float:right;
list-style:none;
padding:0 10px;
margin:30px 0 15px 0;
border-right:none;
border-bottom:none;
}

.header_menu ul.menu a:link, .header_menu ul.menu a:visited {
}

.header_menu ul.menu a:hover {
color:#ff6816;
}

.footer3 ul,
.topPanelModules ul {
padding:0;
margin:0;
float:none;
list-style:none;
}

.footer3 ul.menu li, .topPanelModules ul.menu li {
list-style:none;
padding:0 0 0 22px;
margin:0;
border:none;
background:url(../images/footer_menu_icon.png) no-repeat left;
}

.footer3 ul.menu li:hover, .topPanelModules ul.menu li:hover {
background:url(../images/footer_menu_icon2.png) no-repeat left;
}

.footer3 ul.menu a:link, .footer3 ul.menu a:visited {
}

.footer3 ul.menu a:hover {
color:#ff6816;
}

.footer4 ul {
padding:0;
margin:0;
float:none;
list-style:none;
}

.footer4 ul.menu li {
float:left;
list-style:none;
padding:0 10px;
margin:0;
border:none;
}

.footer4 ul.menu a:link, .footer4 ul.menu a:visited {
}

.footer4 ul.menu a:hover {
color:#ff6816;
}

#column_left ul.menu li, #column_right ul.menu li {
background:none;
}

/* top menu */

#nav, #nav ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index:10000;
}

#nav ul {
display:none;
}

#nav a {
display:block;
font-family: Arial, Helvetica, sans-serif;
padding:5px;
text-decoration:none;
font-size:16px;
text-transform:uppercase;
}

#nav > li {
border:none;
}

#nav > li.active a:hover {
padding:5px;
}

#nav li:hover ul a {
background:none;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
}

#nav li:hover ul li a:hover {
border:none;
position:relative;
padding:5px;
}

#nav li#current ul li a, #nav li.active ul li a {
border:none;
position:relative;
font-family:Arial, Helvetica, sans-serif;
}

#nav li {
float:left;
position:relative;
margin:0 5px;
}

#nav li ul li, #nav li ul li ul {
margin:0;
padding:0;
float:none;
cursor:pointer;
}

#nav li ul a {
width:166px;
line-height:normal;
padding:7px;
}

#nav li ul ul {
left:176px;
margin:0;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
display:none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
display:block;
}

#nav ul li a {
font-size:13px;
font-weight:normal;
text-transform:none;
}

#nav ul ul{
top:0px;
z-index:10000;
}

#nav li#current span {
text-transform:none;
}

#nav > li#current span {
text-transform:uppercase;
}

#nav img {
margin-right:5px;
float:left;
}

/* modules */

div.moduletable {
padding:0 6px;
}

.gallery div.moduletable {
padding:0;
}

div.moduletable h3 {
font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
font-size:21px;
margin:0 0 7px 0;
padding:0 7px;
font-weight:normal;
background:#EAEAEA;
line-height:30px;
}

div.moduletable_featured {
padding:0 6px;
}

div.moduletable_featured h3 {
font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
font-size:21px;
margin:0 0 7px 0;
padding:0 7px;
font-weight:normal;
background:#595959;
line-height:30px;
}

.footer div.moduletable h3 {
background:none;
padding:0;
}

.footer2 div.moduletable h3 {
background:none;
padding:0;
}

.footer3 div.moduletable h3 {
background:none;
padding:0;
font-weight:200;
font-size:28px;
}

.moduletable ul, .moduletable_featured ul {
margin:0;
padding:0;
}

.moduletable li {
margin:0;
padding:4px 0 4px 22px;
background:url(../images/footer_menu_icon2.png) left no-repeat;
list-style:none;
}

.topPanelModules div.moduletable h3 {
background:none;
padding-left:0;
}

/* typography */

.warning {
padding:15px 15px 15px 60px;
color:#000;
border-top:4px solid #c10000;
border-bottom:4px solid #c10000;
background:#FFDE25 url(../images/warning.png) no-repeat center left;
}

.info {
padding:15px 15px 15px 60px;
color:#006699;
border-top:4px solid #006699;
border-bottom:4px solid #006699;
background:#bde1ff url(../images/info.png) no-repeat center left;
}

.error {
padding:15px 15px 15px 60px;
color:#900;
border-top:4px solid #900;
border-bottom:4px solid #900;
background:#f8b5b5 url(../images/error.png) no-repeat center left;
}

.code {
padding:15px 0;
color:#218023;
font-family:"Courier New", Courier, monospace;
font-size:14px;
}

.quote {
padding:8px;
font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
font-size:18px;
text-align:center;
background:#000 url(../images/quote_bg.gif);
color:#fff;
font-style:italic;
}

/* top panel */

#top-panel {
padding:14px 20px;
display:none;
}
#sub-panel {
text-align:center;
}
#sub-panel a {
width:200px;
display:block;
color:#fff;
text-decoration:none;
margin:0 auto;
font-weight:normal;
background:url(../images/toppanel_bg.png) no-repeat;
font-size:10px;
text-transform:uppercase;
}
#sub-panel a span {
padding:0 0 4px 0;
display:block;
}

.topPanelModules {
margin:0 auto;
}

/* hot spinner */

.holest-carousel {
background: url(../images/hot_spinner_bg.jpg);
}

.holest-carousel-info-panel-content {
background: url(../images/hot_spinner_text_bg.png);
}

Paragraphs can be styled differently in different areas of site. What area you are about to change? If you want to change overall paragraph's styling, add this in CSS file:

I would like to just change the paragraph styles within all articles

for j2.5:

.item p, .item-page p{
...
}


for j1.5:

.contentpaneopen p{
...
}