[Resolved] CSS in Sections

Home Forums Support [Resolved] CSS in Sections

Home Forums Support CSS in Sections

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #229420
    Garth Dryland

    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

    #229430
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #229459
    Garth Dryland

    Hey Tom

    I emailed you sending credentials so you can see what i mean.

    Cheers

    #229596
    Tom
    Lead Developer
    Lead Developer

    Ah, give your links a class, then do something like this:

    .generate-sections-inside-container {
        position: relative;
    }
    
    .my-link-class {
        position: absolute;
        bottom: 100px;
    }
    #229970
    Garth Dryland

    Hey Tom

    Cheers for that. Should be all good now.

    #229999
    Tom
    Lead Developer
    Lead Developer

    Glad I could help πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.