Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

White lines on black template.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Any suggestions for how to remove the white lines in this one? One is above the module and one is below (that one includes the article area which in fact is an empty article in this case.)

scarlettbutterfly.branchoutwebsites.com/index.php/testimonials
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

it comes from this line

#grid1wrap, #grid2wrap, #grid3wrap, #grid4wrap, #grid5wrap, #grid6wrap, #bottomwrap, #mainWrap {
border-top: 10px solid #fff;}

So you would target the grid wrap you wanted to remove it from

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I added this

#grid2wrap {
border-top: 10px solid #fff;}

because on this page

scarlettbutterfly.branchoutwebsites.com/index.php/testimonials

The module is in the grid5 template position therefore grid2 row is that right?

Nothing happened to my white lines.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
You want to remove the border from certain rows

You need to add {border-top:0} to the specific row you want to target

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Erm.

OK I'm beginning to get there. Sorry I didn't spot the fff in that.

Looking at:

scarlettbutterfly.branchoutwebsites.com/index.php/testimonials

I now have this css, but it's not controlling the white at the bottom or the article which is the deep area of white.

#grid2wrap {
border-top: 10px solid #000;
border-bottom: 10px solid #000;
}

Also to target scarlettbutterfly.branchoutwebsites.com/index.php

I have added

#grid1wrap {
border-top: 10px solid #000;
border-bottom: 10px solid #000;
}

But the line is still there above the grid1 row.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
Last Edit: 3 years 11 months ago by jonburdon.
The administrator has disabled public write access.
The borders you don't want need to have it removed

for example

#grid2wrap {border-top:0}
#mainWrap {border-top:0}

these lines remove from the grid2wrap and mainwrap

Mainwrap being the content area
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I want to remove the border from grid2, grid1 and also make the article area black.

I have added:

#grid2wrap {border-top:0}
#mainWrap {border-top:0}
#grid1wrap {border-top:0}


as the only css in the file

There is still no result at the bottom of the following page. There is a white horizontal line and a white article area. Sorry I'm just no adept at working out these css tweaks.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
Are you referring to this area?


content-area.png
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes. That looks like it's controlled by something else.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
That is the component / article content area

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes I know. Is there any way to make it black through the theme or similar?
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
Try

.mainwrap.zen-spotlight { background: #f6f6f6;}

replacing with your colour

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: jonburdon
Brilliant. That was just what was needed. Thanks.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
You're welcome

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers