Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 1, 2016 at 1:03 pm #719214
    domchocolate

    Hi I want to align a text block 50px above the bottom of a color section (at 100% of screen height).

    See development server site below. I have an HTML5 Canvas in the background and a black text box in the foreground. It is currently centred horizontally and vertically. I just want to align it 50px

    December 1, 2016 at 1:41 pm #719226
    Guenni007

    i dont know if this is 50px (guess it is aprox 80px) – but maybe it is ok for you if you setup a colorsection – 100% height – and a textblock in it.
    and choose:

    .avia-section.av-minimum-height .container .content {
    vertical-align: bottom !important;
}

    see here: http://webers-testseite.de/ikom/colorsection100/

    if you take away the margin from p tag in that color section its nearby 60px distance

    .avia-section .container .content p {
    margin: 0 !important;
}

    These are global rules if you only want to have it on a special color section set a customclass for it: ( class: bottom-text)

    .avia-section.bottom-text .container .content {
    vertical-align: bottom !important;
}

.avia-section.bottom-text .container .content p {
    margin: 0 !important;
}
    December 1, 2016 at 2:07 pm #719231
    domchocolate

    Hi I tried

    .avia-section.bottom-text .container .content {
    vertical-align: bottom !important;
    }

    .avia-section.bottom-text .container .content p {
    margin: 0 !important;
    }

    And it didn’t move….

    Any other ideas?

    December 1, 2016 at 3:27 pm #719277
    domchocolate

    The first bit of code
    .avia-section.av-minimum-height .container .content {
    vertical-align: bottom !important;
    }

    worked but moved everything…

    The second bit…

    .avia-section.bottom-text .container .content {
    vertical-align: bottom !important;
    }

    .avia-section.bottom-text .container .content p {
    margin: 0 !important;
    }

    Didn’t work even though my text is –

    <div class=”bottom-text”>
    <div class=”vision”>
    <h1>Safe, effective and efficient healthcare achieved through the best use of information and information technology.</h1>
    </div>
    </div>

    December 1, 2016 at 4:26 pm #719312
    Guenni007

    did you read it carefully:

    if you only want to have it on a special color section set a customclass for it: ( class: bottom-text)

    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    and i have in the color-section no container in it but only a text alb element set.
    If you have in it a heading (you have to correct this now) – but on starting thread you write a text-block

    • This reply was modified 7 years, 11 months ago by Guenni007.
    December 1, 2016 at 4:29 pm #719315
    Guenni007

    The best is you show the site concerning to your request. If you don’t want it on public posting – you have to wait till mods are here

    December 1, 2016 at 4:31 pm #719317
    domchocolate

    I fixed it by

    .avia-section#bottom-text .container .content {
    vertical-align: bottom !important;
    }

    .avia-section#bottom-text .container .content p {
    margin: 0 !important;
    }

    so id rather than class.

    December 1, 2016 at 4:32 pm #719318
    Guenni007

    by the way: if you only want to have it on a special color section set a customclass for it: ( class: bottom-text) means give the custom-class to the color-section – not the entries

    December 1, 2016 at 4:35 pm #719319
    Guenni007

    color-section in it (as in your first post a text-block)

    open the option for the color-section:

    • This reply was modified 7 years, 11 months ago by Guenni007.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.