• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

How to align the player to the left side in a post?

[Solved]

Foliovision › Forums › FV Player › Requests and Feedback › How to align the player to the left side in a post?

  • Ben Daniels 11 years, 11 months ago

    I really like this plugin but I’m having a problem with the position of the player. Namely, I’d like to align it to the left so that it is in the same line as the text in my post, but it always appears somewhere in the middle or even aligned to the right.

    Please take a look at the bottom of this post to see what I mean:

    [link removed]

    Is there any trick to align the player to the left side so that it is in the same line as the left margin of the text?

    Also, you can notice that in Chrome there appears a word “null” in the top left corner. This doesn’t happen with other browsers. It doesn’t appear to be caused by the choice of WP theme either. Is there a way to remove this “null” word?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Martin 12 years ago

    Hello Ben,

    we will add the align option into the shortcode.

    Regarding your issue with “null” – this could be because you were logged in as admin. Our player runs an automated video check for the logged in admins.

    Are you still seeing the issue?

    If you closed the browsers and opened it again, or your computer was off for few hours, WordPress might have logged you out. And your browser probably loaded the page HTML from the browser cache. So it contains the video checker AJAX request, while the reply is false, as you are not logged in anymore. That might cause “null” to appear.

    Thanks,
    Martin

    Martin 12 years ago

    Hello Ben,

    we just released version 2.1.20, it allows you to specify the alignment of the player.

    Just enable Settings -> FV WordPress Flowplayer -> Interface Options -> Align and if will be added into shortcode editor. Or simply type in align=”left” or align=”right”.

    Thanks,
    Martin

    Ben Daniels 12 years ago

    Hello Martin,

    Thanks a lot. The new align function looks neat, but there is another problem now – any text that appears below the video player gets “aligned” vertically next to the player’s vertical edge, and that obviously doesn’t look nice.

    Please take a look at the bottom of this post:

    [link removed]

    I used align=left in the shortcode. Is there a way to avoid this unneeded alignment of text while still using the shortcode?

    By the way, I managed to make the player align to the left by adding some code to the CSS file, namely in the first line:

    .flowplayer{position:relative;width:100%;left:-30px;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}

    I added “left:-30px” and that seems to have solved my issue with alignment. :)

    As for the “null” word, you were right – it appears only when I am logged in.

    Martin 12 years ago

    Hello Ben,

    when you align an image in WordPress, the text wraps around it. We used the same classes:

    alignleft
    alignright

    If you want to make the player use the left alignment with no text wrapping around it, you need to change “margin: 0 auto 28px;” on .flowplayer to “margin: 0 10px 28px”. Read more about margin here: Mozzila Developer Network – CSS – margin

    Also, make sure you put these changes into your template’s style.css file, otherwise plugin upgrade will remove your changes. That’s the best practice for any WordPress plugin.

    Thanks,
    Martin

Viewing 4 replies - 1 through 4 (of 4 total)
Reply To: How to align the player to the left side in a post?



Please Sign in or Register to upload files.

Related Posts

  1. Post Interface Options

  2. FV Simpler SEO: Post slug shortener

    FV Simpler SEO: Post slug shortener

  3. Align Settings

Primary Sidebar

Sign in Register
FV Player Docs Post New Topic

Welcome

to Foliovision support forums! We'll be happy to provide free support to resolve all the reported bugs. You always can start by specifying your OS and browser and steps to reproduce the bug.

If you need help with the installation on your site, please submit a request for a Pro Support Incident. We'll have you up and running in no time, with detailed instructions on how to resolve your issue yourself in the future.

Facing a hard to solve WordPress problem? On a tight deadline?

Let us take care of it for you
right now.

Pro Support Buy FV Player

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2025 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. ‭+421 2/5292 0086‬

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in .

Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Necessary Cookies

Strictly Necessary Cookie allow you to log in and download your software or post to forums.

We use the WordPress login cookie and the session cookie.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Support Cookies

Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

Please enable Strictly Necessary Cookies first so that we can save your preferences!

3rd Party Cookies

This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

Please enable Strictly Necessary Cookies first so that we can save your preferences!