Joomla Templates Club 406,261 posts

[bbscotty Friend bbscottyJoin date: March 2011Posts: 30Downloads:0Uploads:3 Thanks: 3]

#163016

Hi there, when I click on an article on the front page, it goes to the articles page however, the content of the article goes past the line (see the links below), I was wondering what do I have to do to fix this.

Eg of errors
Who are we?
P-Sena ’11
Events

Any help would be much apprecaited.

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

#387333

Hi,
You remove this code from your site (at line 85)


.main {width: 97%;}


[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#387334

Add the following css code to layout.css

path: http://jivjago.com/templates/ja_ores/css/layout.css


.ja-r1 #ja-mainbody{
width:62% !important;
}
.ja-r1 #ja-right{
width:38% !important;
}


[bbscotty Friend bbscottyJoin date: March 2011Posts: 30Downloads:0Uploads:3 Thanks: 3]

#387354

Thanks is there a way to move that line accross or what it’s called in the css template?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#387364

Sure, open template.css at line 1136 cand change the value (the bit I have highlighted in red below) to whatever you wish to move that line. I reckon 855px would be about right


#ja-container.ja-r1 .main {
background: url("../images/grad5.gif") repeat-y scroll 715px 0 transparent;

}

2 users say Thank You to Phill for this useful post

1. bbscotty
2. khoand

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

#387471

<em>@phill luckhurst 235486 wrote:</em><blockquote>Sure, open template.css at line 1136 cand change the value (the bit I have highlighted in red below) to whatever you wish to move that line. I reckon 855px would be about right


#ja-container.ja-r1 .main {
background: url("../images/grad5.gif") repeat-y scroll 715px 0 transparent;

}

</blockquote>
If I change your way, when I zoom in/out website, the vertical line doesn’t display right. Because website use width:97% for .main tags . On demo site, width is 100%, so when zoom in/out, the line still display right.

[Author]

Posts