Code for bottom right text alignment

Site URL: https://www.breannadawnphoto.com/home

Hi all,

I am trying to get my text aligned on the bottom right of my image, on my hompage, just in the mobile view. Is there a code or trick to this?

thank you!

One option might be too use CSS and position absolute the text block. It's not exactly full bottom right.

Or you could do a full CSS effect which would look something like the following.

Which do you prefer?

On 7/25/2022 at 7:53 PM, creedon said:

One option might be too use CSS and position absolute the text block. It's not exactly full bottom right.

Or you could do a full CSS effect which would look something like the following.

Which do you prefer?

Hi! Thank you for responding, I prefer the second option more!

4 hours ago, breannadawnphoto said:

I prefer the second option more!

Add the following to Design > Custom CSS.

#home-header::after {

  bottom : 0;
  color : #b48a46;
  content : 'Capturing your life as it happens.';
  font-size : 32px;
  font-style : italic;
  margin-bottom : 1em;
  margin-right : 1em;
  position : absolute;
  right : 0;
  text-align : right;
  
  }

This is for v7.0 using the Brine template family.

Let us know how it goes.