Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 21, 2016 at 2:34 am #663163
    profits1618

    Hi,

    1. How can I change Header Background color?

    2. Background image not resizing proportionally in portrait mode. How can I change it?

    Please advise. Thanks

    July 21, 2016 at 6:58 am #663207
    Vinay

    Hey profits1618,

    1. header background color can be changed from Enfold > General Styling > Logo area > Logo area background color

    2. could you please explain in greater details what exactly is the issue and if possible would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Vinay

    July 21, 2016 at 8:43 am #663233
    profits1618

    Hi Vinay,

    Thank you for your prompt reply.

    As of 2nd question, please refer to link https://www.dropbox.com/s/aojr1cd67k6a7nr/landscape.png?dl=0 and in landscape mode background image is fully shown.

    But in portrait mode, link https://www.dropbox.com/s/jq3j6akbmlw00r7/portrait.png?dl=0, only part of background image appear.

    Any solution?

    Thank you & regards.

    Ghazali

    July 25, 2016 at 2:34 pm #664652
    Ismael

    Hi,

    It looks like that because the background-size property of the slider image is set to “cover”. It will force the background image to cover the whole container but parts of the image will have to overflow outside the container in order to keep its aspect ratio. http://www.w3schools.com/cssref/css3_pr_background-size.asp

    We can set the background-size property to 100% but it will distort the slider image.

    .avia-fullscreen-slider .avia-slideshow>ul>li {
    background-size: 100%;
}

    Best regards,
    Ismael

    July 25, 2016 at 3:48 pm #664702
    profits1618

    Hi Ismael,

    Thank you for your reply.

    By the way, which file or where can I edit the background size.
    Appreciate if you could enlighten me. Thanks!

    July 27, 2016 at 2:58 pm #665777
    Andy

    Hi,

    Ismael already provided to you a code to edit background-size. However, WordPress is cropping images by default when uploading them and if you want to control this behavior you can use a plugin like this: https://wordpress.org/plugins/simple-image-sizes
    I hope this will help :).

    Best regards,
    Andy

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