• 0

Centering Image Verticaly for Banners


Question

Posted · Report post

Hey,

 

I would like to have images centered vertically for banner. The image should appear in the middle of the text. I would like to do it for this site - http://www.janpatrman.cz/smazat-reference/ or see the attachement.

 

 

Is there a way I could do that?

 

Thank you. Jan

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi there,

 

You could use css to change the margin at the top of the banner image to move it down further to center with the text. Change the figure below to suit and paste the custom code into the custom code box within the framework.

 

.hero_image {
    margin-top: 100px;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hey James, that does not help, because this css code is linked to Hero section, not to banners. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi patrman - Try applying the same margin to #banners .banner-media img instead.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now