Joomla Templates Club 406,261 posts

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#190095

On the right side of my articles, a vertical line appears. It seems like it only appears on pages containing articles.
I’ve tried to figure out a way to get rid of it for a few days, but with no luck.

Does anyone know to remove this line? Please see the attached picture.

Thanks!

Anita

---

Attachments:

1. 

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#503783

I figured it out!
I edited the template.css:

div.item-page {
border-right: 0px solid #ddd From 1px to 0px
margin-top: 10px;
padding-right: 20px;
}

But now I have another line-problem: I get this horizontal line between all modules and articles. Is it possible to remove that line as well?
I would really appreciate any help on where to edit to remove that line 🙂

Thank you!

Anita

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#503805

<em>@knerten 386904 wrote:</em><blockquote>
But now I have another line-problem: I get this horizontal line between all modules and articles. Is it possible to remove that line as well?
I would really appreciate any help on where to edit to remove that line 🙂

Thank you!

Anita</blockquote>

So that we can try to best assist you, please provide the url of the site you’re working on, as well as set your site to “Development Mode” within your Template Manager–General settings.

1 user says Thank You to TomC for this useful post

1. knerten

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#503812

Hi!

The url is: http://www.karen.paydesign.no
The Enable development mode is set to yes

Thank you!

Anita

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#503817

To remove that line, here is what you do . . .

Within file path —> /templates/ja_zite/css/template.css

at line 948, you will see the following:


#ja-topsl {
border-bottom: 1px solid #DDDDDD

}

THAT’S the culprit. Simply remove the “border-bottom” property altogether.
NOT the CSS rule itself, just the property … so it will look like this:


#ja-topsl {
}

Hope That Helps

1 user says Thank You to TomC for this useful post

1. knerten

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#503818

Thank you so much!
It works perfectly!

🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#503819

<em>@knerten 386956 wrote:</em><blockquote>Thank you so much!
It works perfectly!

:)</blockquote>

Glad to be of assistance …. All the best with your continuing site development

😎

[Author]

Posts