Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 11, 2020 at 1:55 am #1221477
    CharlieTh

    Generally, textblock will sit vertically in center of grid row cell within color section.

    I would like the textblock — which includes a large button — to go to BOTTOM of the color section.

    Can you tell me how to do this with css?

    I tried vertical-align:bottom!important; — didn’t work.

    Tried with absolute position per below — but doesn’t work right.
    div.flex_cell .av_one_half{
    /* width:10em;*/
    height:100%!important;
    /* height:400px!important; */
    position:relative!important}
    #top div.avia_textblock a { position:absolute!important;;
    bottom:0!important;}

    Am trying to duplicate lopk of this – with purple block on left, green, purple and yellow block on right.
    https://www.harrys.com/en/us

    Can you tell me how to do this?

    Thanks!

    June 11, 2020 at 2:00 am #1221479
    CharlieTh

    Sorry…that would not include a …
    should have been #top div.avia_textblock{….

    June 11, 2020 at 3:40 pm #1221725
    Rikard

    Hi CharlieTh,

    Could you post a link to your site so that we can have a closer look please? Also please point out which elements you are trying to target.

    Best regards,
    Rikard

    June 13, 2020 at 4:16 pm #1222377
    CharlieTh

    Rikard, I found out PART of my problem. I had Grid Row (not color section, sorry), containing two cells. Each cell contains a textblock (which also includes within it a button).

    The part of the solution that I was able to find was that the CELL includes a vertical align dropbox…and I had chosen middle. I now have chosen bottom and the textblock went down further in the cell.

    However — it doesn’t go down far enough. The bottom of the image is dark — and is better contrast to the type.

    I would like to know the css that will drop the textbox even lower on the cell/image to where the dark purple is (on the left one, anyway.)

    Can you tell me how to move the textblock/button down further, please?

    Here is my tester page at present:
    https://goodnewsfortheworld.com/halved-page-with-columns-tester/

    June 14, 2020 at 5:25 am #1222443
    Rikard

    Hi,

    Thanks for the update. It looks like you have applied 150px of padding to your cells? If you add a smaller number to the bottom value, then your text blocks will go down even further.

    Best regards,
    Rikard

    June 18, 2020 at 2:28 am #1223561
    CharlieTh

    I think a gremlin crept into my browser and changed that! You are 100% correct. Haven’t changed it yet, but see exactly where to change it. Really puzzled as to when I changed that — but I certainly did!

    Thanks for your insight, Rikard. Problem solved.
    Now I just need to get rid of that gremlin!

    June 18, 2020 at 12:49 pm #1223679
    Rikard

    Hi,

    Those gremlins are hard to get rid of :D

    I’m that that we could help you out at least. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 25, 2020 at 4:39 pm #1225581
    CharlieTh

    You can close. It’s solved!

    June 25, 2020 at 5:26 pm #1225619
    Victoria

    Hi CharlieTh,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Force Text Block to bottom of Color Section’ is closed to new replies.