Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1305903

    I have text block that I need the video to be “right justified” and the text to wrap. Here is the current page with video, but no wrap:

    #1306115

    Hey bemodesign,

    It looks like the video is in its own paragraph, you would have to put it in the same paragraph as the text you want to wrap around it. If you need further help, then please include admin WordPress login details in private.

    Best regards,
    Rikard

    #1306237

    It is with the other paragraph, but still doesn’t wrap:

    <b>GOOGLE SUITES:</b> Teachers are trained in using best strategies for integrating Google into your Classroom: Google Classroom, Slides, Documents, Forms, Expeditions (VR), Jamboards, Meets, Sites, Sheets and provide device training for students and parents.
    <p style=”text-align: right;”><iframe title=”YouTube video player” src=”https://www.youtube.com/embed/nAaCGFykJvw&#8221; width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></p>
    <b>WeVideo: Dynamic Mini-Lessons</b> for State Standards as well as Read Alouds, Virtual Field Trips and Book Trailers are created and uploaded on instructional platforms.

    #1306470

    Hi,

    Please try to remove the paragraph around the iframe, or wrap it in a span instead. If you need further help, then please include admin WordPress login details in private.

    Best regards,
    Rikard

    #1306532

    That doesn’t help. See this page: https://championsantan.org/academics-overview/ It shows an image above the video that is Right justified and the text is wrapped. The video doesn’t have those options unless you can give me a code that works. Below is the text source html code:

    <b>Champion Schools</b> was named <b>Charter School of the Year in 2014</b>,  by the <b>Arizona Charter Schools Association.</b>  We accomplished this by building a powerful learning community for ALL students, regardless of their educational backgrounds.

    <b>Stanford University’s Accelerated Schools Project </b>provided guidance in developing our School Model<b>. </b>This approach combines <b>ACCELERATED CURRICULUM</b>, to produce a creative school organization to accelerate the progress of <b>ALL</b> students. Students experience diverse instructional techniques and a variety of instructional staff in multiple subject areas.

    <b>Champion Schools Classroom 2.0 </b>

    <b>Currently, under School Closures and the new recommendations provided by the Arizona Department of Education,</b> we have been able to fully implement our educational program aas needed  using online resources that include the following:

    <b>GoGuardian: </b>Classroom Management Software: https://www.youtube.com/watch?v=mxTTexxNskI
    <p style=”text-align: left;”><b>GOOGLE SUITES:</b> Teachers are trained in using best strategies for integrating Google into your Classroom: Google Classroom, Slides, Documents, Forms, Expeditions (VR), Jamboards, Meets, Sites, Sheets and provide device training for students and parents.</p>
    <p style=”text-align: left;”><b>WeVideo: Dynamic Mini-Lessons</b> for State Standards as well as Read Alouds, Virtual Field Trips and Book Trailers are created and uploaded on instructional platforms.</p>
    <b>Adobe Spark</b> is provided for ALL students to create <b>Virtual Assignments</b> using Templates that include dynamic classroom environments, students are encouraged to think creatively and explore their interests with the goal of achieving high academic standards.
    <p style=”text-align: right;”><iframe title=”YouTube video player” src=”https://www.youtube.com/embed/nAaCGFykJvw&#8221; width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></p>
    <b>Supplemental Software Programs include</b>: Edulastic, Freckle, Reading A-Z, Khan Academy, No Red Ink, Eureka Math, Empower Math, Grammarly, DoJo, Mind Up, Prodigy, Virtual Intervention, Virtual Special Education Services, Virtual Speech & Language and Occupational Therapy.

    #1306819

    Does anyone know how to get the code to wrap around video, like it does the image on the same page?

    #1306848

    Hi,

    Thank you for the update.

    You can set the iframe to float to the right.

    iframe {
        float: right;
    }
    

    The css code above will affect every iframe element in the site, so you may need to apply a unique id or class name to the elements that you want to adjust.

    Best regards,
    Ismael

    #1307016

    Thank you!!! that works perfect

    #1307030

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Text wrap around Video’ is closed to new replies.