How Do I Center a Video with BoldGrid Post and Page Builder?

Tagged: Blocks, Post and Page Builder

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
April 27, 2022 at 2:20 pm #51727

Nicole Denny
Guest

Hi – I’m building on BoldGrid and can’t get an embedded URL/video to center (it stays left-justified no matter what I do). Can someone please help??

Here is the page. It’s the video at the top that needs to be centered. http://daviddenny.com/bg_daviddenny.com/

I also need help with a menu item at the top of the page- I need it to link to the template contact us page that was originally part of the template. I accidentally deleted the menu earlier while linking to new custom pages that I created, but I didn’t mean to delete this one. The page still exists, but I can’t get the header menu to link to it

Finally is there a way to add text to the footer where the social media icons are? I want it to say “Follow David on” before the icons.

Thank you!

April 28, 2022 at 7:59 am #51790
Brandon C
Keymaster
Hi Nicole,

Thanks a lot for reaching out and thank you for using Crio Pro WordPress theme!

Crio and BoldGrid Post and Page Builder can be sort of confusing in the beginning but we are more than happy to answer your questions.

Let’s start with centering your video. There are a few different ways to go about doing this the most simple I think, would be to just add some HTML to your block. Your Crio WordPress theme uses the Bootstrap framework for element formatting so this snippet here should center your video within a div:
```
<div class=”embed-responsive embed-responsive-16by9″>
<iframe class=”embed-responsive-item” src=”http://place-video-file-name-here.mp4″></iframe>
</div>
```
You just need to replace the value of src=”http://place-video-file-name-here.mp4" with the URL of your video.

Moving on to your “Menu Items”, if the page or post still exist it should have a permalink associated with it that you can paste into URL value of a “Custom Menu Item” the same way you did with the new custom pages you created.

You might have to search for the page title of the original item inside of the Pages section of your section of your WordPress Dashboard.

The best way to customize footer elements with Crio is to create a custom footer template. Crio custom headers and footers use the same drag and drop functionality as the BoldGrid Post and Page Builder. To create a custom footer navigate from your WordPress dashboard to Crio < Page footers. You have the option to either import a sample footer and use that as a base or you can build a new custom footer block completely from scratch

I hope I’ve answered everything for you Nicole. Please don’t hesitate to reach back out if you have any other questions for us.
Author

Posts