UrsulaD

You saved me from tearing my hair out LOL.
Its the 1st time to work with wordpress as was using vistaprint before.
I was so restricted w them and so much happier with wordpress and all the learning and developing that comes with it.

Yeah it finally worked.

I removed “s” in all “vids” to “vid”.

Thanks so much.
So happy its done.

I removed the code in css and replaced it with .ytvid-container {
margin-left: 10%; /* Adjust if necessary */
}
but its still not moving to the center I must be doing something wrong but I have followed the steps you gave me ??

it still wont move.

I have this in the CSS. Do you think its affecting i? Should I remove or edit?

.ytvids1 {
clear: left;
}
.ytvids2 {
clear: center;
}
.ytvids3 {
clear: right;
}

I just tried it but still wont move to the center ??
With the code <div class=”ytvid-container> where do I close the “.
I tried with <div class=”ytvids”-container>

Thanks Rdell I tried that but didn’t work. Regards to the styling what do I need to write in between {}?

I tried to close this post by ticking the box but it didnt work. I need your help once again.
Now I need my home page to have 3 videos side by side which I have done but it wont centre.
I have used the following HTML code.
<div style=”text-align: left;”><iframe src=”https://www.youtube.com/embed/zFDtivSwYqM&#8221; width=”319″ height=”239″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>
<div style=”text-align: center;”><iframe src=”https://www.youtube.com/embed/-po7JuEOf5k&#8221; width=”319″ height=”239″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></div>
<div style=”text-align: right;”><iframe src=”https://www.youtube.com/embed/o7Y9UIYrH-g&#8221; width=”319″ height=”239″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></div>
</div>

home page is https://www.foodandbeveragetrainer.com/
Thanks heaps

Will do and thanks again.

Yes that worked. You are a genius. Yeah. Thanks so much.

The pages I need side by side are https://www.foodandbeveragetrainer.com/hygiene-and-grooming/
and
https://www.foodandbeveragetrainer.com/powerpoint-trainings/
and
https://www.foodandbeveragetrainer.com/food-and-beverage/
The page I need in the center is
https://www.foodandbeveragetrainer.com/guest-service/

Thanks heaps for your help and support.

OK good to know. How would I apply that rule? How would I write it? Sorry to ask. I am new to this.

So does it mean I cant have both? I need that rule for putting 2 videos side by side on a different page. This page I need the video to be in the centre.

Yes it worked. Thanks sooooooo much

I am not sure why non of these are working for me.
I also changed it from 5px to 10px and even 0px but nothing happened.

This is the table html code I have used.

<table style=”height: 385px;” width=”806″>
<tbody>
<tr>
<td><img class=”aligncenter wp-image-940″ src=”https://www.foodandbeveragetrainer.com/wp-content/uploads/2015/04/L1159434-250×168.jpg&#8221; alt=”Mystery Guest ” width=”230″ height=”155″ />
<h3 style=”text-align: center;”>Food and Beverage</h3>
<div style=”text-align: center;”>Restaurants</div>
<div style=”text-align: center;”>Bars & Lounges</div>
<div style=”text-align: center;”>Room Service</div>
<div style=”text-align: center;”>Pool and Beach Service
Back of House</div>
<div style=”text-align: center;”></div></td>
<td><img class=”aligncenter wp-image-950″ src=”https://www.foodandbeveragetrainer.com/wp-content/uploads/2015/04/Guest-Service-250×167.jpg&#8221; alt=”Mystery Guest” width=”233″ height=”155″ />
<h3 style=”text-align: center;”>Guest Services</h3>
<div style=”text-align: center;”>Arrival & Check-in Experience</div>
<div style=”text-align: center;”>Concierge</div>
<div style=”text-align: center;”>Guest Relations</div>
<div style=”text-align: center;”>Switchboard</div>
<div style=”text-align: center;”>Spa & Fitness Centre</div>
<div style=”text-align: center;”></div></td>
<td><img class=”aligncenter wp-image-947″ src=”https://www.foodandbeveragetrainer.com/wp-content/uploads/2015/04/Hill-Rock-Villa-Bedroom-250×155.jpg&#8221; alt=”Mystery Guest ” width=”250″ height=”155″ />
<h3 style=”text-align: center;”>Rooms</h3>
<div style=”text-align: center;”>Arrival & Daily Cleanliness</div>
<div style=”text-align: center;”>Turndown Service</div>
<div style=”text-align: center;”>Amenities</div>
<div style=”text-align: center;”>Equipment Maintenance</div>
<div style=”text-align: center;”>Facilities & Furniture Condition</div>
<div style=”text-align: center;”></div></td>
</tr>
</tbody>
</table>

Hi rdell and Red Deer I tried all of the options you gave me but its still there ??

I am putting the codes in the CSS editor.