Quintus theme, make the header image scalable?

• 

  wellnessoftexas · Member · Oct 5, 2016 at 7:43 pm

  • Copy link
  • Add topic to favorites

  I imported a header image into the quintus theme, but the bottom of the image is clipped, and if i resize the browser window, the frame will resize and clip the image everywhere. is there a way with CSS to make this image scalable?

  I know that in html i can use the following code to achieve this…
  meta name=”viewport” content=”width=device-width, initial-scale=1,
  maximum-scale=1″>
  thesrc=”http://i1073.photobucket.com/albums/w387/george_king4/oil%20drop%20wellness%20title%20texas%20horizontal_zpsazm7ggwx.png”
  moz-do-not-send=”true” max-width=”1024″ width=”75%”>/p>
  div align=”center”>br>

  I know that the syntax is jacked on that, but i could not figure out how to not just show the image, lol

  Anywhay, is there something similar in CSS that i can use in the customizer? And how do i find the selector for the header frame?

  any help appreciated….
  george
  wellnessoftexas.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 7, 2016 at 11:52 pm

  • Copy link

  Hi George, give the following a try.

  .blog-header {
      background-size: contain !important;
      display: block;
      height: auto;
      max-width: 1100px;
      width: 100%;
  }
  .blog-header::after {
      content: "";
      display: block;
      padding-bottom: 31.4%;
  }
  #site-title, #site-title a {
      display: none;
  }

• 

  wellnessoftexas · Member · Oct 25, 2016 at 9:11 pm

  • Copy link

  thanks That did it…you are the man!!

• 

  thesacredpath · Member · Oct 27, 2016 at 5:54 am

  • Copy link

  Awesome, and you are welcome!