Okay
  Public Ticket #1201898
Home Page Background image
Closed

Comments

  •  2
    elynpatrick started the conversation

    Hi.

    I would like to replace the home back background image where the recipe search and log in buttons are with a slider image. I have created the slider and Smart Slider has given me the php  and short code but I have no idea how to replace it into where the background image goes.

    Can you please help me? Its rather urgent sorry

    Cheers

    Elyn

  •  2,057
    Theme replied

    Hello,

    have you tried placing the slider to the Home Intro Sidebar via Appearance > Widgets?

    Thank you

    Best regards,

    themeenergy support

  •  2
    elynpatrick replied

    www.chefdaniel.com.au


    I did but it only puts it on the left side. It doesnt cover the whole section/page area like it does when you assign an image.  Can you tell me how I make it appear like the image does without margins etc? I've done it now and you can see what I mean at the above link



  •  2
    elynpatrick replied

    I've put it into the main section and removed the intro all together.  Seems to work ok with the sidebar but I would really like it to take up full width in the intro section - can you tell me how to do that please?

  •  2,057
    Theme replied

    Hello,

    can you put it into the Intro Sidebar and let us know, so that we can provide the exact css code for you, please?

    Thank you

    Best regards,

    themeenergy support

  •  2
    elynpatrick replied

    No problem - done - I have to change it back first thing in the morning!!  I don't mind if it sits under the menu or ontop as long as it takes the whole screen.  Happy to make it the screen dimensions if you give them to me.

    I would even be happy for it just to take up the same space as a normal single column if its too hard to make it full screen

    Thanks

    E

  •  2,057
    Theme replied

    Hello,

    the following css code will help:

    .intro .row > div {width:100% !important;}

    Thank you!

    Best regards,

    themeenergy support

  •  2
    elynpatrick replied

    Thanks - Worked beautifully however there is a big gap under the menu.  Can you tell me how to remove that gap so the slider sits directly under the menu without a gap?

  •  2
    elynpatrick replied

    Also in mobile view there is a huge gap between the intro and the next featured content

  •  2,057
    Theme replied

    Hello,

    the following css code will help:

    .page-template-sc_home-php .main {margin-top:0;}
    @media (max-width: 1024px) { 
    .intro {min-height:100px;}
    .intro .row > div {margin-top:80px;}
    }

    Thank you


    Best regards,

    themeenergy support

  •  2
    elynpatrick replied

    Fab - thanks for your support.  Awesome!

  •  2,057
    Theme replied

    You are welcome.

    Best regards,

    themeenergy support