How to align banner title (and text) to the left, after reducing the height of the banner image?

I am using the Bedford template and I would like to change the height of the banner image, while pushing the title (and text) to the left and keeping it vertically centered.

First I aligned the title to the left using this code:

.desc-wrapper { margin: 0!important; text-align: left!important;}

Separately, I was able to reduce the height and keep the title vertically centered using the code from this page:

http://answers.squarespace.com/questions/61848/how-to-center-the-banner-heading-text-vertically

But I couldn't integrate the left-align code into the other one so that it would work.

Can anyone tell me how to do all three things at the same time: reduce banner image height, keep title (and text) vertically centered, and align title (and text) to the left?

I appreciate any help in advance!

Copy and paste the following into Design > Custom CSS.

/*   set banner image height; vertically center banner   description text and justify left   =================================================*//*   set height of banner image (#thumbnail) and its   parent (.banner-thumbnail-wrapper), hide overflow   and zero padding */#thumbnail,.banner-thumbnail-wrapper {  height: 250px;  overflow: hidden;  padding: 0 !important;}/*   vertically center banner description within its    parent (.banner-thumbnail-wrapper), align text left   and zero padding except padding-left*/.banner-thumbnail-wrapper .desc-wrapper {  position: absolute;  top: 50%;  transform: translateY(-50%);  text-align: left;  padding: 0;  padding-left: 20px;}

For a great guide to centering things, see CSS-Tricks' article Centering in CSS: A Complete Guide.

Let me know whether it works   :-)   or doesn't   :-(

For people to help, you really need to give the url to your site.

I happen to have the Bedford template so I was able to experiment on a test page on my site but most users won't have your template and will need to examine your site with the browser's DevTools.

I don't know what you mean by Title. I have no title associated with the banner image on my site and can't examine yours. If it's something not covered by the answer below, let me know and I will try to address it.

Oh wow, thank you so much! The code worked perfectly!

The reason I didn't share the site - although you are perfectly right about that - is because I am building it for small business, and it currently contains information that I don't think the business would like to share until the website is perfectly done. Also, access to the site is currently locked with a password, plus it changes day to day. But once it's final and up, I'll make sure to post the link here so that people with a similar issue could see it.

Again, thank you very much for your help!

(*...for a small business...)

My pleasure.

Hi alxfyv ,

flagranch.squarespace,com

I am using the Bedford template and tried using your suggested code above but nothing is happening.Would you have any other suggestions? Unfortunately the description covers the most important part of the image.

Thank you,

Buffie