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.

Dotted separating lines between mudule positions - getting them back

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

Hello,

How can I get the dotted separation lines that Nebula normally has between the horizontal layout positions like between
Below and Grid13 for example?

see image for what I mean

I may have gotten rid of them when customizing...
I only see one now between the slider position and anything below that.
www.edgeneve.ch

I now wish to use scrolling more and have most content in a topic on one page.

cheers

Sean

screenNebula.jpg
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 4 years 2 weeks ago by Sean.
The administrator has disabled public write access.
Hi Sean,

What area of your page are you wanting to add the divider?
and on what page?

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

This was meant for home page mainly , in between major grid positions:
Slide
........
........
below content
........
........
Below
........
........
Grid 13 - grid 14
.....
.....
Grid 17 - Grid 18
........
........
Grid 21
........
........
Bottom


but would be handy on most pages/menu targets


Sean
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 4 years 1 week ago by Sean.
The administrator has disabled public write access.
Hi Sean,

#grid5wrap .zen-container {background: url(../images/divider.png) repeat-x left bottom #82756a !important;
}

It would be a case of adding the line above and adding the various wraps to it

Are you familiar with what I mean?

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

I can add these to my custom.css I think.
Changing it for the wraps I need?

Cheers

Sean
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Sean,

This is the wrap for the bottom of the home page

So you would check the source code and add the wraps to line I suggested separate via commas

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ok, Got it.
I'll look at the source code.

Thanks Paul


Sean
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Sean,

Any problems please get back to me

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

Got involved in other things.

I have tried adding the code you suggested, it seems to work only for two of the grid positons.

This is what I have added, am I doing anything wrong?
#grid5wrap .zen-container,
#grid9wrap .zen-container,
#grid10wrap .zen-container,
#grid11wrap .zen-container,
#grid12wrap .zen-container,
#abovewrap .zen-container,
#mainWrap .zen-container,
#belowcontentwrap .zen-container,
#bottomrow .zen-container,
#grid14wrap .zen-container,
#grid13wrap .zen-container,
#grid18wrap .zen-container,
#grid21wrap .zen-container,
#belowwrap .zen-container {
background: url(../images/divider.png) repeat-x left bottom #82756a !important;
}

cheers
Sean
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Sean,

You are confusing the gridwrap and the actual position number

Can you add some links to pages you want to target

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

Still outlining the layout, but as an example, here is a page to which I have added a module to the "below" position. After the article at the top , I would like the double dotted line to appear as a separation for the next chuck of content and this to be able to controle where it appears after ANY position I would like. (like there is just before the search box)

edgeneve.ch/en/courses/cycle-5eng

hope this makes sense

Sean

PS: on the demo page here is what I am after, with the dotted lines separating each grid position
demo.joomlabamboo.com/?theme=jul13
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 3 years 11 months ago by Sean.
The administrator has disabled public write access.
Hi Sean,

With Below it is part of the #mainWrap .zen-container

so this page displaying it at the bottom is correct
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
#below {background: url(../images/divider.png) repeat-x left top #82756a !important; padding-top:2em}

Will give you the divider where the below starts - the style above is a global style

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
thanks Paul
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Are there any other pages you are having problems with?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 3 years 11 months ago by manh.
The administrator has disabled public write access.
It is giving me a mixed result. Not sure if I should continue down this route to be honnest.
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Right if you need more help just get back to us

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
and best of luck with it
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

After some mucking about I think I finally have what I was after, thanks to your input.

I put this in the custom CSS:
/*For dividing sections*/

#grid14, #grid17, #grid21,#below, #bottomrow {background: url(../images/divider.png) repeat-x left top #82756a !important; padding-top:2em}

see front page :
www.edgeneve.ch
or english version
edgeneve.ch/en/

thanks

Sean
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 3 years 11 months ago by Sean.
The administrator has disabled public write access.
Thanks Sean
  • 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