Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 16, 2014 at 1:56 pm #319831
    Effektid

    I’m building a website with a stretch layout and I want an image in the top of the page. Advanced slider would be one option, but are there any other options to display an image with a 100% width in all devices? What is the optimal image width in pixel for the image and is there a option to set it to 100%? Or is a advanced slider the best option due the possebilities of options to get a 100% width?

    September 16, 2014 at 2:02 pm #319841
    Yigit

    Hi Effektid!

    Kriesi uses background images in 1700x470px on Enfold demo site. It should work fine for your 100% width images

    Best regards,
    Yigit

    September 16, 2014 at 2:07 pm #319848
    Effektid

    OK, but if I just use an image I don’t get the image wide, I guess I have to place it in a slider then?

    September 16, 2014 at 2:12 pm #319854
    Yigit

    Hey!

    You can add a Color section element with a unique ID ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) and then add your image inside that color section and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-custom-id .container { width: 100%; margin: 0; }

    Best regards,
    Yigit

    September 16, 2014 at 3:25 pm #319915
    Effektid
    This reply has been marked as private.
    September 16, 2014 at 3:26 pm #319917
    Yigit

    Hi!

    Please add following code to Quick CSS

    #topimagewide .container {
width: 100%;
}

    Best regards,
    Yigit

    September 16, 2014 at 3:32 pm #319921
    Effektid

    No, still not working!?

    September 16, 2014 at 3:40 pm #319932
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    September 16, 2014 at 3:51 pm #319943
    Effektid
    This reply has been marked as private.
    September 16, 2014 at 3:58 pm #319950
    Yigit

    Hi!

    Please try adding the code to custom.css file in Enfold/css folder

    #topimagewide .container { width: 100% !important; margin: 0 !important; }

    Cheers!
    Yigit

    September 16, 2014 at 4:06 pm #319960
    Effektid

    OK, I try later! Thanks so far!

    September 16, 2014 at 4:15 pm #319971
    Yigit

    Hey!

    You are welcome. I will keep this thread open and it will be on hold until you reply to this topic. Please try and let us know so we can mark this thread as resolved or assist you further

    Cheers!
    Yigit

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