Home Forums Free Themes Yummy Problems with Header Image

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #52127
    EC
    Participant

    Hi, I have a very big problem with the header image of every page and post.

    Today it stops working and I don’t know why. It’s all black with the white title in the middle.

    I checked in Yummy Meta Options and featured image it’s enabled. Also there is a custom header displaying on every page/post without a featured image in yummy meta options.

    Please verify why there is this problem. Here the site: http://www.braceriachetesto.it/

    Thank You.

    #52179
    wensolutions
    Keymaster

    Hello @ec,

    When we locally checked the theme we are unable to find such issue . The meta option to display the header image is working fine .

    Please let us know if you have changed the CSS of Background Overlay because the opacity is set to 1.5 which makes the header all black .

    So for the fix go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .page .black-overlay { 
        opacity: 0.5;
    }

    Hope this helps .

    Best Regards!!

    Have a good day .

    #52187
    EC
    Participant

    Good Morning,

    thank you for your help! Now is working fine on pages but on posts the header is black again. Only on posts header at the moment, pages are ok. I don’t know how it is possible because i’m not able to change the CSS of Background Overlay.

    May I ask you if there is also the possibility to change the font of the title of pages with Playball in every section?

    Thank you again!

    #52189
    wensolutions
    Keymaster

    Hello @ec,

    To remove the black overlay in the post paste below given CSS in Additional CSS location .

    .post .black-overlay { 
        opacity: 0.5;
    }

    Also to change the font of the title of pages use below given CSS.

    .page #banner-image h2.page-title {
        font-family: 'playball';
    }

    Hope this helps .

    Best Regards!!

    #52190
    EC
    Participant

    Hi

    I’m sorry to bother you again but it doesn’t work.

    I pasted in the Appereance – Customize – Additional CSS:

    .page .black-overlay {
    opacity: 0.5;
    }
    .post .black-overlay {
    opacity: 0.5;
    }

    The CSS works only for pages. The post’s header is still black.

    🙁

    #52191
    EC
    Participant

    Also if i delete the firs part of css and leave in the additional CSS only the part for post still not working

    #52192
    wensolutions
    Keymaster

    Hello @ec,

    For particular single post header use below given CSS.

    .single .black-overlay {
        opacity: 0.5;
    }

    Hope this works out .

    Best Regards!!

    #52197
    EC
    Participant

    Now it works! Thank you!

    #52200
    wensolutions
    Keymaster

    Hello,

    Glad we could help you .

    If you have any issue further please feel free to post them .

    Best Regards!!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.