Joomla Templates Club 406,261 posts

[zeddyblue Friend zeddyblueJoin date: March 2011Posts: 6Downloads:0Uploads:4]

#163670

I want to widen the writing area on the blog page in the joomla 1.6 version. I’ve played around with Firebug to remove the 120px padding on the left and then widen the text box…but I can’t figure out where these files are in the backend. If I change the “main-inner” div padding in template.css it effects the whole website, not just the blog. Is there a way to make these changes to the blog only? Which files do i need to modify.

Cheers
Z

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390176

Hi,
Could you give me a snapshot with your annotation to understand what you mean clearly?

[zeddyblue Friend zeddyblueJoin date: March 2011Posts: 6Downloads:0Uploads:4]

#390215

Hi Khoand,

I’ve attached a screen shot with annotation.
Cheers,
Z

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390235

You find codes from <joomla url>/templates/ja_cloris/css/template.css file


.main .main-inner1 {
margin-left: 0;
margin-right: 0;
padding-left: 120px; <--remove this line
}


body#bd .main {
width: 840px; <-- replace this value with 100%
}

[zeddyblue Friend zeddyblueJoin date: March 2011Posts: 6Downloads:0Uploads:4]

#390250

Hi Khoand,

When i make those changes, it effects all the pages, and the menu stuffs up because it overlaps with the logo. see attachments.
Is there a way I can make the changes only for the blog page and not the rest of the site?

---

Attachments:

1. 
2. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390328

– You restore <joomla url>/templates/ja_cloris/css/template.css
– Create new <joomla url>cloris16templatesja_cloriscssblog_category.css file with content


.main .main-inner1 {
padding-left: 0px;
}
body#bd .main {
width: 100%;
}

– Add this code into <joomla url>pluginssystemjat3jat3base-themesdefaulthtmlcom_contentcategoryblog.php file


<script type="text/javascript">
var fileref=document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", tmplurl+'/css/blog_category.css');

if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref);
</script>


before

<div class="blog<?php echo $pageClass;?>">

[Author]

Posts