Joomla Templates Club 406,261 posts

[sanjiovani Friend sanjiovaniJoin date: September 2006Posts: 217Downloads:0Uploads:32 Thanks: 15 Thanked: 1 times in 1 posts]

#130162

i would like to improve the overall layout of the content pages

how do i create a border around the entire content any suggestions to improving the layout are welcomed.

what changes need to be made to the index.php and template css file

Thanks

Sanjiv

link to content page

http://www.fashionistas.ca/index.php?option=com_content&view=article&id=61:fall-winter-2008-wills-india-fashion-week-&catid=38:designers

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#256433

How would you actually have it?

[sanjiovani Friend sanjiovaniJoin date: September 2006Posts: 217Downloads:0Uploads:32 Thanks: 15 Thanked: 1 times in 1 posts]

#256471

I am looking for something simple similar to what you have in this month’s template –

a simple box around the content

http://template15.joomlart.com/ja_kulanite/index.php?option=com_content&view=article&id=57:nikon-coolpix-p80&catid=36:resolution&Itemid=27

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#256473

You can try to add the following at the end of the template.css file:


#ja-current-content {
border: 1px solid #E6E6E6;
}


[sanjiovani Friend sanjiovaniJoin date: September 2006Posts: 217Downloads:0Uploads:32 Thanks: 15 Thanked: 1 times in 1 posts]

#256483

thanks that creates a box around the content section but when i add the right mod to display on the content page it shifts it to the bottom below the content box – i would like it to be the same width as the content and not the whole page and have the right mod placed next to the content again similar to this months template

http://www.fashionistas.ca/index.php?option=com_content&view=article&id=61:fall-winter-2008-wills-india-fashion-week-&catid=38:designers

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#256485

Another thing you can try is to find this in the index.php:

<jdoc:include type="component" />

And add it so it looks like this:

<div id="styling">
<jdoc:include type="component" />
</div>
And add this to the css file:


#styling {
border: 1px solid #ccc;
}
IF the right columns drop down it means you need to adjsut the width of it a little.

[sanjiovani Friend sanjiovaniJoin date: September 2006Posts: 217Downloads:0Uploads:32 Thanks: 15 Thanked: 1 times in 1 posts]

#256492

no unfortunately that did not work
for the right mod – i tried to reduce the % of the width from 30.9 to 20.9% – that did not work either
#ja-col2 {
float: right;
overflow: hidden;
width: 20.9%;
padding-top: 10px;

[Author]

Posts