Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #657418

    Hello Enfold Team!

    I would like to have a specific fullscreen background fixed image for each page (no slider) and I found on Enfold forum the following kind of code to be specify in Quick CSS or Custom CSS:
    html.html_boxed.html_entry_id_59 { background: #ffffff url(http://idetox.voyage/wp-content/uploads/2016/02/FSo-Heart-Palm.jpg) center center no-repeat fixed; background-size: auto; }

    It works well on screens having more or less the same size than my background image but isn’t responsive … so is there a way to make the display responsive for different screen sizes?

    Thanks in advance for your advice and have a great day,
    Steph.

    #657634

    Hey Steph,

    sure, just wrap some media queries around this code. For more infos: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

    #658072

    Hey Andy,
    Thanks for the link!
    Other question in line with the background: is there a way to hide the main content of the page (#main) to fully show the background image?
    For exemple by clicking on a link or directly on the backgroung image itself …

    Best regards,
    Steph.

    #658359

    Hi Steph,

    I’m not sure I understand what you mean in your last post, could you try to explain a bit further please?

    Thanks,
    Rikard

    #658412

    Hi Rikard,

    Thanks for your quick reply!
    My intent is to allow the person visiting the site to see the entire background image, if interrested in doing so.
    As the main page content is in front, I will need to “hide” it to show the entire background image.
    I can achieve this by adding a CSS instruction to Quick CSS: #main { display: none; }

    So now the question is how can this “displaying on/off” action be achieved by the visitor (if interrested)?
    I was thinking that the most intuitive way for the visitor would be to mouse click directly on the background image, outside the main content of the page.

    That might not be an easy one!!
    Thanks in advance,
    Steph.

    #659211

    Hi,

    nothing which the theme can provide for you. For this kind of function you would need to search a 3rd party plugin.

    Best regards,
    Andy

    #659257

    Hi Andy,
    Thanks for you reply.
    I was indeed thinking that this would be achieved by a third party plugin and that’s why I asked the question to one of them about 10 days ago.
    As you will see, their answer was quite different and led me ask you the question … : https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380/comments?filter=all&page=623

    Have a great day,
    Steph.

    #659280

    Hi,

    we don’t provide support for 3rd party plugins, as written in our support policy. If you have questions about any plugins then ask plugin’s author or just use Google for example. I have no experience with such a function you need. Check out this as well: https://kriesi.at/support/topic/recommended-plugins/

    Let us know if you have questions about the theme and we are happy to assist you with any issues/questions about it.

    Best regards,
    Andy

    #659296

    Hi Andy,
    I was not asking for support for a 3rd party plugin in my previous post.
    I just wanted you to read the reply of one of this plugin author who was stating that this function ” is something that a “theme” would control” …

    Anyway, I understand that from your point of view, this is beyond Enfold’s support scope.

    Thank you for the link to the recommended plugin and have a great week.
    This topic can now be closed,
    Steph.

    #659341

    Hi,

    Alright. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Responsive fullscren background image on page’ is closed to new replies.