• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to float video left and text right ans style text if possible

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to float video left and text right ans style text if possible

This topic is: resolved
  • This topic has 2 replies, 2 voices, and was last updated 8 years, 3 months ago by dbg888.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 28, 2017 at 11:22 pm #213045
    dbg888
    Member

    Hello eveyone

    It may not be possible to do what i ask, but i wont know unless i ask

    i am using the monochrome theme and in the front page widget 1 area i want to embed a video to the left and float the text to the right in the same widget using something like an inline style using css for this exact element i can figure it out and all the float align items i can find are like this
    .center {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
    }

    which cant be added to the text field in the widget area
    i have tried multiple version of the following but cant get it to work, everything embeds but no float right or left there both just left alligned

    <p style="float: left"><span class="lead">bold text here for example</span> some text here .</p>

    <p style="float: right"><iframe src="https://player.vimeo.com/video/235755450" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <style="float:right;" /></p>

    ultimaltley i want the video on the left and the text to be stylized on the right

    thanks for you help :)))))))))))))))))))))))))

    https://staging.christelecanard.com/
    October 30, 2017 at 7:54 am #213086
    Victor Font
    Moderator

    Since WordPress changed the text widget to use the TinyMCE editor, you have to use the custom HTML widget or download our Classic Text Widget.

    Next, I would use the Genesis column classes to create two columns.

    <div class="column-wrap">
        <div class="one-half first">
            <iframe src="https://player.vimeo.com/video/235755450" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
        </div>
        <div class="one-half">
            <p><span class="lead">bold text here for example</span> some text here .</p>
        </div>
    </div>

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    October 31, 2017 at 1:16 am #213104
    dbg888
    Member

    Hi Victor thanks very much for this i really appreciate it

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to float video left and text right ans style text if possible’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble