Featured Image to be taller. Current CSS cutting it off.

  • Unknown's avatar
    notforprofitsolutions · Member ·

    “Hi! I want my header post picture to be a bit taller (my current CSS is cutting it off), and I would also like the post title to be in the lower-left-hand corner. Can someone craft that code for me? Thanks!”

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

  • Unknown's avatar
    notforprofitsolutions · Member ·

    “Hi! I want my header post picture to be a bit taller (my current CSS is cutting it off), and I would also like the post title to be in the lower-left-hand corner. Can someone craft that code for me? Thanks!”

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @notforprofitsolutions, looking at your about page, this is going to be a bit of a challenge. The following CSS works for the most part, but there is a small band of lavender that appears above and below the image on smaller screens. I sampled one of the colors in the background of the featured image and changed the background color to that. With the following CSS, I have targeted your about page specifically. If you have issues with other pages, then let me know which ones. Depending on the nature of the image, and the original size of the image, it make take specific CSS rules for each page. 

    .page-id-80 #page-header.cover {
    background-size: 100% auto;
    height: 550px !important;
}

    Go to Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.

  • The topic ‘Featured Image to be taller. Current CSS cutting it off.’ is closed to new replies.