Brandon C

Hi Mark,

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

We’re still working on that feature request , our developers have to implement it into Crio in a way that won’t effect other elements or 3rd party plugins. In the meantime, there is a way to add your video if you don’t mind putting in a little extra work.

We get this question quite a bit so Jessie created a video tutorial for anyone who wants to make a full-screen video background header, if you have about 13 minutes to watch.

Here’s the codes that were used in the video:
Shortcode: [vidbg container=".video-bg" webm="https://example.com/video.webm​" poster="https://example.com/poster.png​" overlay="true"]

CSS: .video-bg, .video-bg-cta { height: 100vh; }

And a link to the Video Background Plugin and the documentation for the shortcode.

I hope you find this useful. Let us know if you have any questions.

Hi Melanie,

We apologize for this inconvenience, we’ve identified the underlying cause of the problem as a bug that occurred with the rollout of our new Full Screen Editing feature in the last Post and Page Builder update.

This issue occurs when several buttons are added to the MCE controls. We’re tracking the bug in this GitHub issue.

There are a couple of ways you can troubleshoot right now. You can use a plugin like WP Rollback to revert Post and Page Builder back to the previous version, or temporarily disable some plugins that are adding buttons into MCE. Common ones are Jetpack’s “Contact Form” module, which adds a form button, and shortcode plugins.

We’ll be releasing an update to fix this as soon as possible.

Thanks Chris,

Okay I see what’s going on, The issue is the widget that pulls in your post content inherits it’s background from your global color palette options in Customize<<Color Palette. You can try going into those options and finding the color that corresponds with your columns background and changing it to the color you would like to display. Just be mindful that manipulating your color palettes could change the colors of other elements on your site as well.

If you want each column to display a different color with this type of block it would be a little more difficult. It would actually require you to add some CSS class selectors to your columns using the Text editor tab and then manipulating the background colors manually using the CSS/JS Customizer.

I was able to recreate a 3 column layout that you may be able to use as a base to create the design you need. Just copy the code here and use the Text editor tab to paste it wherever you would like it to display on your webpage. After you paste it into the page switch back to the Visual editor to edit the block visually.

I hope this helps. Don’t hesitate to reach back out to us if you have any further questions.

Hi Earl,

Our apologies for any inconvenience this might be causing you. We’ve identified the underlying cause of the problem as a bug that occurred with the rollout of our new Full Screen Editing feature in the last Post and Page Builder update.

This issue occurs when several buttons are added to the MCE controls. We’re tracking the bug in this GitHub issue.

There are a couple of ways you can troubleshoot right now. You can use a plugin like WP Rollback to revert Post and Page Builder back to the previous version, or temporarily disable some plugins that are adding buttons into MCE. Common ones are Jetpack’s “Contact Form” module, which adds a form button, and shortcode plugins.

We’ll be releasing an update to fix this as soon as possible.

Hi, if you need the footer to appear on all page templates, including your post archive pages you should create it in the universal footer area Customize<<Design<<Layout. You can customize your footer design using menus and widget areas.

One thing you could do to easily incorporate the footer you already built into the global footer area is to go to a page where the current footer is present and switch to the “Text” editor tab at the top of the page builder. Once you’re in the text editor find the bit of HTML that makes up the footer and copy it into your clipboard.

Go back into your global footer layout area Customize<<Design<<Layout, create an HTML Widget and paste your footer contents into the widget (be sure to set it to full screen). If you copied the code correctly the footer should now display across all pages on your site.

I hope you find this useful. Let us know if you have any questions about this solution.

Hi Paul,

I’m happy to hear that bit of CSS worked for you! Don’t hesitate to reach back out to us if you have any other questions or concerns.

Thanks Dave, We really appreciate you sending over your plugin list!

This will allow us to replicate the issue and hopefully identify the bug. We should have a patch coming soon. Don’t hesitate to reach back out for an update.

Hi Paul,

Thanks for reaching out and thanks for using Crio Pro WordPress theme!

If you just want to change the hover color of your menu items you can navigate from your dashboard to Customize<<Design<<Menus<<Main Menu<<Menu Items<<Hover Style and select the “Primary Color” from the color palette.

I hope this helps. I tried viewing your site through the URL you sent us to give you a more direct suggestion but I see you require certain permissions for access. Let us know if you need any further assistance.

Thanks Hayley, I’m sorry can you actually click into the log and copy/paste all of the contents you see there into this thread?

Hi Leanne,

We can help you merge your accounts. We consider that a premium request because it involves personal information so you’d just need to open a Premium Support ticket through your BoldGrid Central account.

I hope this helps. Let us know if you have any other questions.

Hi Dave,

I’m happy to hear the rollback corrected the issue. We should be addressing it in an upcoming patch release. Sorry for any inconvenience it may have caused you.

Hi Bridget,

Thank you for reaching out and thanks for using the Swifty WordPress Theme with BoldGrid Post and Page Builder.

You’re correct in your assumption that LinkTree is not a supported icon at the moment but there is a way to add custom social media icons your theme.

It does involve you getting your hands a bit dirty with code. You’d need to download Code Snippets and follow the directions in the guide above to add your icon.

I hope this helps! Don’t hesitate to reach out if you get stuck.

Hi Cheryl,

Thanks for reaching out and thanks for using Crio Pro WordPress theme!

Sorry to hear you’re having this issue. From what you’re describing it seems like the editor styles have somehow been deactivated. Have you activated any plugins recently that interact with the page builder directly? Like maybe something that adds new block features? If so, deactivate any plugins like that, then go back into page builder to see if the styles have been reapplied.

It could also have something to do with the recent update to Post and Page Builder. We introduced a new Full Screen editing feature and it’s possible that something in that update could be clashing with the page builder as well. To address this install and activate the WP Rollback plugin and set Post and Page Builder to its previous version.

I hope this helps! Please let us know if the WP RollBack option works for you, then we can report the bug to our developers to have it addressed as quickly as possible.

You’re very welcome William, I’m happy you were able to benefit from this solution! Don’t hesitate to reach back out if you ever have any other questions or concerns.

Hi Tyler,

Thanks for reaching out and thanks for using Crio Pro WordPress theme!

So just taking a look at your screenshot it looks like you have placeholder text selected but not actual Field Labels. I took a look at the Gravity Forms documentation on adding field labels and it says that you can set “Field Label Visibility to determine if you want the field label to be shown on the form. If shown, the placement of the label is inherited from whatever you have specified within the Form Settings“.

Gravity Forms is a premium plugin so I can’t really duplicate the issue on my end but that seems to be what’s going on. You need to add the actual field label and remove the placeholder text.

I hope this helps. Please reach back out if you have any questions.

Hi Phil,

I’m sorry I didn’t realize you were using the wp-dbmanager plugin to access your database. I’m not sure how that plugin is structured. Normally, To connect to a database in the way you’re speaking of, you’d connect using some sort of server side tool such as the cPanel or Shell access, both of which would be something to speak with your web hosting provider about.

If the wp DB Manager plugin developer offers support that would be a good place to inquire about it’s functionalities. The developer link on the WordPress repository page takes you to a page with this support link. They might be able to offer you more plugin specific help.

Hope this helps!

Hi Phil,

Thanks for your question and thank you for using Crio Pro WordPress theme!

When you say you want to “connect your sql database” do you mean you have a backup of a database that you would like to restore on your website? If that’s the case you can use our Total Upkeep backups and migrations plugin to import an existing database.

Just install the Total Upkeep plugin and follow this guide to restore a database backup.

As far as creating social icons you can follow this support guide to learn how to create and implement social media menus into your theme.

I hope this helps! Please reach back out with your questions and/or concerns.

Hi William,

Thanks for reaching out and thanks for using BoldGrid Post and Page Builder for WordPress!

Sorry to hear you’re having trouble working with columns and rows in your page editor. Our blocks are built using Bootstraps 12 column layout. By default the position of the button elements will change based on the screen size of the device that you’re viewing it on.

If I understand correctly you want to create a 3 column section with at least one row of buttons side by side in their respective columns similar to the example shown below:

If you need something similar to this you can use it as a base to create your on block. Just switch to the “Text” editor tab from inside of your page builder and copy/paste this code wherever you need it to display on the page then switch back to the “Visual” editor tab to edit the element visually.

<div class="color2-background-color color-2-text-contrast bg-background-color tmpl-premium-5 boldgrid-section dynamic-gridblock">
<div class="container">
<div class="row" style="padding-top: 42px;">
<div class="col-md-12 col-sm-12 col-xs-12">
<h2 class="color4-color" style="margin-bottom: 0;">3 Column Button Block</h2>
<div class="row bg-editor-hr-wrap">
<div class="col-md-12 col-xs-12 col-sm-12">

<hr class="color4-color bg-hr" style="border: 2px solid; margin-left: 0px;" width="25%">

</div>
</div>
</div>
</div>
<div class="row" style="padding-bottom: 42px;">
<div class="col-md-4 col-sm-4 col-xs-12" style="padding: 1em;">
<h3 style="margin-top: 0;">Reliable Direction</h3>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class=""><a class="btn-color-4 btn btn-lowercase btn-pill btn-raised btn-regular" href="#">Sign Up</a></p>

</div>
<div class="col-md-4 col-sm-4 col-xs-12" style="padding: 1em;">
<h3 style="margin-top: 0;">Best in the Industry</h3>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class=""><a class="btn-color-4 btn btn-lowercase btn-pill btn-raised btn-regular" href="#">Sign Up</a></p>

</div>
<div class="col-md-4 col-sm-4 col-xs-12" style="padding: 1em;">
<h3 style="margin-top: 0;">Bold Solutions</h3>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class=""><a class="btn-color-4 btn btn-lowercase btn-pill btn-raised btn-regular" href="#">Sign Up</a></p>

</div>
</div>
</div>
</div>
<div class="boldgrid-section">
<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<p class="">&nbsp;</p>

</div>
</div>
</div>
</div>

I hope this helps! Please reach back out to us if you have any other questions.

That’s definitely not normal. Could you send us a screenshot of your page editor in its current state. That’ll give us a better idea of what going on and help us offer you better troubleshooting suggestions. You can send your screenshot with ImgBB.

Hi Bogdan,

Thanks for reaching out and thanks for using Crio Pro WordPress theme!

I inspected your page and while it’s possible that running Crio with Elementor could cause the plugins to clash, it looks like it’s just duplicate Elementor content on the page in question. If you’re running a site wide footer element with Elementor check page itself to see if it maybe has that duplicate content present. If it is present on the page delete it and publish and that should remove it and only display the site wide footer.

I hope this helps. Please reach back out to us if you have any other questions or concerns.