Joomla Templates Club 406,261 posts

[steenmf Friend steenmfJoin date: March 2008Posts: 49Downloads:0Uploads:0 Thanks: 13]

#131406

Hi all.
I´m customizing the Teline II template, and I would like to remove the vertical line in ja-container och ja-container-inner, i.e. the vertical line that lies between the main-content and the columns.
I´ve tried by commenting-out this code in template.css but without any luck:

#ja-container {
background: url(../images/vline.gif) repeat-y 65% 0;
}

#ja-container-inner {
background: url(../images/vline.gif) repeat-y 83% 0;
}

Would be most grateful for any help – thanks.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#262600

Still looking for an answer to this?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#262603

You’re on the right track. Apparently your “commenting” out has an error…as eliminating those lines of code will indeed remove the separator line.

You could also just simply change vline.gif from a grey line to a white line in your image editor and then not worry about the CSS

john.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262637

Hi all !
to remove vline of content you must open ja.news.css in templates/ja_teline_ii/css folder , find following code section at about line 29 :


.jazin-left {
background:transparent url(../images/vline.gif) repeat-y scroll right center;
float:left;
}


remove red text.

[steenmf Friend steenmfJoin date: March 2008Posts: 49Downloads:0Uploads:0 Thanks: 13]

#262754

Hi – and thanks for answering.
I´ve just done that – commented out this code in template.css :

#ja-container {
/*background: url(../images/vline.gif) repeat-y 65% 0;*/
}

#ja-container-inner {
/*background: url(../images/vline.gif) repeat-y 83% 0;*/
}

– and this code in the ja.news.css :

.jazin-left {
float: left;
/*background: url(../images/vline.gif) repeat-y right; */
}

– but nothing happens. The vertical line is still there, no matter how often I empty cache.
What am I doing wrong? :confused:

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262794

Hi steenmf !
Please send url of your site.

[steenmf Friend steenmfJoin date: March 2008Posts: 49Downloads:0Uploads:0 Thanks: 13]

#262830

The url is: http://www.neurosurgic.com

steenmf

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262885

Hi !
You open template.css file in templates/ja_teline_ii/css folder , find following code section at about line 722 :


#ja-containerwrap-m #ja-container {
background:transparent url(../images/hline.gif) repeat-y scroll 65% 0;
}


change to :


#ja-containerwrap-m #ja-container {
}


1 user says Thank You to Sherlock for this useful post

1. steenmf

[steenmf Friend steenmfJoin date: March 2008Posts: 49Downloads:0Uploads:0 Thanks: 13]

#262949

Hi again.
I´ve done as you advised, and I also renamed the vline.gif and hline.gif image-files to “comment them out” and that did the trick! The vertical line is gone! Thanks for your help.

/Steenmf

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262965

OK steenmf !
i will mark this thread to “solved”.

[Author]

Posts