Archived topic
CSS in Sections
5 replies · Started by Garth Dryland on September 25, 2016
Hey Tom
I'm trying to position some text links on a single page scrolling type site within sections.
[ps2id id='section-map' target=''/]
[ps2id url='#section-about' offset='100']↑ About Company[/ps2id]
[ps2id url='#section-terms' offset='100']↓ Terms and Conditions[/ps2id]Is there a way to add CSS so it controls the position of the links within each section ?
I'm trying to position navigation links 100px off bottom and about 150px from left within each respective section however ideally the horizontal position would be best to work in with the position of other text content on the site which is typically working off the main container size. In this case it's 1200px
Like the example above some sections have no content, other than two text links and a background image. In this instance the section simply displays a map.
Currently the sections have a minimum height set as follows
.generate-sections-inside-container {
min-height: 850px;
}Cheers
Hi Garth,
I'm not really sure what you mean - do you have any live examples of what you're trying to do?
Let me know :)
Hey Tom
I emailed you sending credentials so you can see what i mean.
Cheers
Ah, give your links a class, then do something like this:
.generate-sections-inside-container {
position: relative;
}
.my-link-class {
position: absolute;
bottom: 100px;
}Hey Tom
Cheers for that. Should be all good now.
Glad I could help :)
