Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 1, 2014 at 6:25 am #298612
    paulann

    I had the idea to take this page and see if there would be a way to write some code inside it that would allow me to hide the videos at the bottom of the page (or any specific section of any page) if the screen is wider than 1024. Usually we would try to hide things on a smaller screen, but because of the awesome video slideshow, I don’t want the videos to show up on a computer, but I do want them to show up on a phone…

    http://paulann.org/church-wide-events/vacation-bible-school-2014

    Let me know if there is something you could suggest I do in the “code block” element…

    August 1, 2014 at 2:07 pm #298741
    Yigit

    Hey paulann!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1024px) {
.avia-video { display: none; }}

    Best regards,
    Yigit

    August 1, 2014 at 6:41 pm #298884
    paulann

    This is great, but I want to make this change per-post…. is there any way to do that, instead of site-wide?

    August 2, 2014 at 2:12 am #299035
    Ismael

    Hi!

    Using the browser’s debugger console such as google chrome’s inspect element or firefox’s firebug, look for the single post body class id. This is the id of the page that you provided. 

    postid-3618

    You can then modify Yigit’s code to something like this:

    @media only screen and (min-width: 1024px) {
.postid-3618 .avia-video { display: none; }}

    This will only hide the video on that specific post.

    Regards,
    Ismael

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