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

Hi Sean,

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

Cheers
Paul

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

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

Thanks Paul,

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

Cheers

Sean

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

Ok, Got it.
I'll look at the source code.

Thanks Paul


Sean

Hi Sean,

Any problems please get back to me

Cheers
Paul

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?

cheers
Sean

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

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

Hi Sean,

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

so this page displaying it at the bottom is correct

#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

thanks Paul

Are there any other pages you are having problems with?

It is giving me a mixed result. Not sure if I should continue down this route to be honnest.

Right if you need more help just get back to us

Cheers
Paul

and best of luck with it

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:

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

thanks

Sean

Thanks Sean