Home › Forums › Free Themes › Yummy › Overlapping "reservation" on homepage

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 15, 2018 at 7:10 am #71681
    rondez
    Participant

    Hi support!

    When i activate all the demo content on the Yummy pro theme i have the “Reservation” widget in the top-left corner right after the slider / background. This content-piece is overlapping with the slider / background nicely. When i place a widget with an image there it’s not overlapping anymore. Is this by design or can i change that?

    You find the example here:

    https://el-buen-gusto.ch/

    I just added a random picture there.

    Many thanks for your support.

    Cheers.

    May 15, 2018 at 11:58 pm #71709
    wensolutions
    Keymaster

    Hello @rondez,

    First of all thank you very much for using the pro version of the theme.

    Now coming back to your query, yes it is the design of the theme i.e. the content you place in the About section widget will overlap the slider.

    Actually, it is designed for displaying reservation schedule as you can see in below given screenshot:

    http://prntscr.com/jifmel

    So, in case if you want to set the site as in the demo then you can place the TP: Reservation widget in “About section widget” area.

    Hope this helps.

    If you have any issue further then please let us know.

    Thank you.

    Best Regards!!

    May 16, 2018 at 2:00 am #71715
    rondez
    Participant

    Hi

    Many thanks for your reply. I’m not sure if you got my problem / issue right => If i add custom content (the widget with an image) there instead of the reservation module the overlapp DOES NOT happen. I would like to custom content to overlap as well. What do i need to do? even if i add a very huge image it does not work.

    Thanks for your reply.

    May 16, 2018 at 4:53 am #71748
    wensolutions
    Keymaster

    Hello @rondez,

    To make the image appear as reservation widget use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    #reservation-information .widget img {
    width: 100%;
}
#reservation-information .widget_media_image{
    padding: 0;
    margin-top: -45px;
    margin-bottom: -45px;
}

    Hope this helps.

    Also, the css will only work for the image. If you decide to use the reservation widget then please remove the CSS.

    Best Regards!!

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