• Resolved tastymouse

    (@tastymouse)


    I want to have the featured image behind the header. like it shows on the Goran theme (a Edin child-theme). I don’t want to stick with Edin and use mu own child-theme. How can I get the featured image behind the title bar?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi there,

    Why don’t you use Goran that already has the feature you want? It may be possible to alter the CSS for Edin to match Goran’s overlayered effect, but such a CSS modification will probably break other things.

    Thread Starter tastymouse

    (@tastymouse)

    Hi Fotis,
    I like Edin and need the hamburger-menu. I want to use my own child-theme and don’t think one can work with grandchild themes. I already did customization in my child-theme, I could probably copy that to Goran though. And Goran hasn’t been updated for a time, that maybe because it is a child-theme?
    Thanks, Tom

    Fotis

    (@fstat)

    Hi there,

    Goran is not a child theme. It’s based on Edin, therefore you can create a child-theme out of Goran and make the customizations you want.

    The fact that Goran hasn’t been updated doesn’t mean that it’s outdated. In general, we don’t introduce new features to existing themes. We’re creating new ones based on existing ones.

    Thread Starter tastymouse

    (@tastymouse)

    That’s strange because during installation a message appears referring to Edin as main theme and in the Goran style.css I see: Template: edin.

    I did find away to place the featured image under the title bar with CSS only, so it is resolved.

    Thanks, Tom

    Hi

    Any chance you could share your CSS solution? I’ve been trying all morning to achieve this!

    Thanks

    Thread Starter tastymouse

    (@tastymouse)

    .site-header {
    position: relative;
    z-index: 2000 !important;
    }

    .hero.with-featured-image,
    body[class*=”front-page”] .hero {
    position: relative;
    z-index: 0!important;
    margin-top: -100px !important;
    }

    @media screen and (min-width: 600px) {

    .hero.with-featured-image,
    body[class*=”front-page”] .hero {
    margin-top: -100px !important;
    }
    }

    And I adjusted the padding of .hero but as far as I remember that was just because of the images on the site I changed this.

    Hope this helps.

    Hi

    Thanks so much for your reply. That didn’t quite work for me, perhaps because of other additional CSS on my site, but this did:

    .navigation-classic .primary-navigation .menu-primary > ul > li.current-menu-item > a {
    background-color: inherit !important;
    }

    .primary-navigation ul li.current-menu-item>a:before, .primary-navigation ul li.current_page_item>a:before {
    content: none;
    }

    .navigation-classic .primary-navigation {
    background: rgba(0,0,0,0.225);
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Featured image behind tile’ is closed to new replies.