Jump to content


Photo
- - - - -

Centering Image Verticaly for Banners

Image banners

  • Please log in to reply
3 replies to this topic

#1 patrman

patrman

    Advanced Member

  • Members

  • 39 posts
  • LocationPrague
  • Country: Country Flag

Posted 25 September 2013 - 09:45 PM

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 - 

Please Login or Register to see this Hidden Content

 or see the attachement.

 

 

Is there a way I could do that?

 

Thank you. Jan



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 26 September 2013 - 12:47 AM

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;
}


#3 patrman

patrman

    Advanced Member

  • Members

  • 39 posts
  • LocationPrague
  • Country: Country Flag

Posted 26 September 2013 - 01:53 PM

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



#4 Jake

Jake

    Advocate

  • Premium
  • 565 posts
  • LocationNC, USA
  • Country: Country Flag

Posted 26 September 2013 - 02:26 PM

Hi @

Please Login or Register to see this Hidden Content

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







Also tagged with one or more of these keywords: Image, banners