align/wrap youtube embeds for complete beginner

You’d need to use the align class in the CSS code for the video (or it’s containing element):

<p class="alignleft">
<span class="embed-youtube" style="text-align:center; display: block;">
</p>
<p>Partnership Parenting offers effective alternatives to shouting, demanding, bribing, manipulating, threatening, pleading and other strategies we use which usually don’t feel good.  The approach is based around using communication tools for creating relationships founded on deep connection and mutual respect.</p>

Thank you WPyogi for coming back on this. Help on where to put the code?!

I am using Ultimatum theme. It has a WYSIWYG editor for posts. So at the moment, I have put in the Youtube URL, and the sentence of text I want underneath it.

There are simple forms for CSS for pages, containers etc. I have no idea where to find anything which looks like somewhere I can put the code?

These forums only support themes from the repository on this site – so I don’t know how your theme works. The code I posted above puts the alignment CSS in the paragraph tag that holds the video – so you could try that using the “TEXT” editor.

<p class="alignleft">

Inline CSS is not ideal, but as I’m not sure how your theme works, it’s the best I can offer. If you need more help, I’d suggest contacting the developer/vendor.

so on the wordpress post tab which says ‘text’, I am currently seeing:

https://www.youtube.com/watch?v=RhBGd-S2Nmw&w=300

Strategies for managing anger, with episodes on saying ‘no’, giraffe shouting, and picking up the pieces after we’ve lost it (again…).

Where do I try the <p class=”alignleft”>?

And I’ll try posting on the Ultimatum forum too…

Right now you have a bunch of HTML code visible on your page – this is the code:

<p>
<p class="alignleft">
<br>
<span class="embed-youtube" style="text-align:center; display: block;"> </p> <p>Partnership Parenting offers effective alternatives to shouting, demanding, bribing, manipulating, threatening, pleading and other strategies we use which usually don’t feel good. The approach is based around using communication tools for creating relationships founded on deep connection and mutual respect.</p&gt
</p>

Replace that with this:

<p class="alignleft">
<span class="embed-youtube" style="text-align:center; display: block;"> </p>
<p>Partnership Parenting offers effective alternatives to shouting, demanding, bribing, manipulating, threatening, pleading and other strategies we use which usually don’t feel good. The approach is based around using communication tools for creating relationships founded on deep connection and mutual respect.
</p>

Hooray – the code has disappeared from the site. But nothing seems to have changed with either video alignment or text wrapping. Is there anything else you suggest?

Here’s what I did:

WRITE IN TEXT BOX
<p class=”alignleft”>
<span class=”embed-youtube” style=”text-align:center; display: block;”> </p>
<p>Strategies for managing anger, with episodes on saying ‘no’, giraffe shouting, and picking up the pieces after we’ve lost it (again…).
</p>
https://www.youtube.com/watch?v=RhBGd-S2Nmw&w=300

FLICK TO VISUAL TAB, here’s what I see
Strategies for managing anger, with episodes on saying ‘no’, giraffe shouting, and picking up the pieces after we’ve lost it (again…).

https://www.youtube.com/watch?v=RhBGd-S2Nmw&w=300

FLICK BACK TO TEXT TAB, here’s what I see now
<p class=”alignleft”></p>
Strategies for managing anger, with episodes on saying ‘no’, giraffe shouting, and picking up the pieces after we’ve lost it (again…).

https://www.youtube.com/watch?v=RhBGd-S2Nmw&w=300

ON SITE
https://www.thepartnershipparent.com as you now see it…

PS BTW the content text has changed, this one is the correct version

Don’t switch between visual and text tabs before saving the changes – it will mess up your code.

it’s not happy ??

This time I saved from the text tab, and went and refreshed the home page, and it still looked the same. Wish you could see the Ultimatum screen I’m viewing!

You don’t have the code in the right p tag – it has to be in the p tag right above the link to the video. The video has to be inside the p tag with the align left.

Not sure I get that. This is what I have put in the box. How should it be different?

<p class="alignleft">
<span class="embed-youtube" style="text-align:center; display: block;"> </p>
<p>Strategies for managing anger, with episodes on saying 'no', giraffe shouting, and picking up the pieces after we've lost it (again...).
</p>

[Please post markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

https://www.youtube.com/watch?v=RhBGd-S2Nmw&w=300

This is what it is automatically changed to (it’s done it again even after saving and publishing as the above version):
<p class=”alignleft”></p>
Strategies for managing anger, with episodes on saying ‘no’, giraffe shouting, and picking up the pieces after we’ve lost it (again…).
https://www.youtube.com/watch?v=RhBGd-S2Nmw&w=300

I’ve just noticed that about the text tab, there are lots of little buttons like I’m seeing on the buttons above this post box (eg code, lookup, close tags – and lots more). helpful?

OK that post didn’t work. Here’s what I wrote in the text box…

WRITE IN TEXT BOX
<p class=”alignleft”>
<span class=”embed-youtube” style=”text-align:center; display: block;”> </p>
<p>Strategies for managing anger, with episodes on saying ‘no’, giraffe shouting, and picking up the pieces after we’ve lost it (again…).
</p>
https://www.youtube.com/watch?v=RhBGd-S2Nmw&w=300

I have now used an ’embed’ code direct from youtube and got the video left aligning – how do I get the wrapping? This is what I’ve written so far…
<left>
<iframe width=”300″ height=”200″ src=”https://www.youtube.com/embed/RhBGd-S2Nmw&#8221; frameborder=”0″ allowfullscreen></iframe>
</left>
Strategies for managing anger, with episodes on saying ‘no’, giraffe shouting, and picking up the pieces after we’ve lost it (again…).