• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Ambiance Pro – Change image height in Posts

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Ambiance Pro – Change image height in Posts

This topic is: not resolved

Tagged: ambiance, image, post

  • This topic has 4 replies, 2 voices, and was last updated 7 years, 5 months ago by raulfj.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 21, 2015 at 10:34 am #168667
    raulfj
    Member

    Hello,

    Congratulations on the Ambiance Pro theme, I find it to be a extemly good theme. The header image on each post I think it is great to create the right ambiance. At the same time, for me it is too big. More exactly too heigh.

    How can I make the featured image on the top of each post not so height (but also with full with?

    Thanks in advance for your help.

    Best regards.

    http://trends.jewelry
    October 21, 2015 at 5:08 pm #168686
    Porter
    Participant

    Link me to a page with the image, and describe which image you're referring to, as I'm not 100% sure which to look at right now.


    Buy me a beer? | Try DigitalOcean VPS Hosting

    October 21, 2015 at 5:15 pm #168687
    raulfj
    Member

    Hello, thanks for your answer.

    It is the header-featured image on the posts.

    Instead of this:
    http://trends.jewelry/wp-content/uploads/2015/10/original.gif

    I would like this:
    http://trends.jewelry/wp-content/uploads/2015/10/question.gif

    So I would like the image to not be so "height" so that title can be seen.

    Thanks and kind regards.

    October 21, 2015 at 5:21 pm #168689
    Porter
    Participant

    Ah, odd, I can't see the images when I visit (even the url in your screenshot, it's a giant blank white area for me, I type din the URL manually). That being said, the image height is set manually, so you can change the value in style.css by finding this:

    .entry-background {
    display: block;
    height: 560px;
    width: 100%;
    z-index: -99!important;
    }`

    change 560px to whatever you want, 216px; seemed to match your screenshot height, so try that.


    Buy me a beer? | Try DigitalOcean VPS Hosting

    October 21, 2015 at 5:33 pm #168691
    raulfj
    Member

    Hello, thank, it worked as charm)

    Now I can test several heights. Estrange that the pictures did not load. Great that you figured out how to access anyway.

    Thanks a lot again!. Best regards.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble