Hero Image – Align text to one side of image

[Australian Nappy-Association]

Hey Bill

Just wondering if here is a way to constrain hero text to the right (or left) third of the image, rather than having it across the centre of the image?

Obviously I tried alignment, but that’s text alignment, rather than alignment with the image.

Thanks!

[Bill Robbins]

Good Morning Salena,

You can do that. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .hero-copy .hero-title,
   .hero-copy .hero-caption {
   	width: 50%;
   }
   

3. Update your settings.

See if that width is good. You can adjust the 50% to a different value to find the fit you’d like.

Have a great day,
Bill

[Author]

Posts