BoldGrid Support

Hello.

Thanks for posting your question. I’m sorry to see that your backup is not restoring properly on the new server. I’m unable to provide a diagnosis for the error you are receiving. What version of BoldGrid Backup Plugin are you using to backup and restore? What versions of WordPress are you using between the two systems? Have you tried to make another backup to attempt to restore from a new file?

Please let us know the additional details, so we can assist you more.

Sincerely,

Carlos D

Hi Gerry,

Thanks for posting your question regarding changing a Page’s visibility to privately published to publicly published. You may accomplish this by using the Publish Settings column.

1. Log into your BoldGrid website.
2. Hover over Pages, then select All Pages, from the left-side menu. 
3. On the next screen, with all your Pages listed, select the Page you would like to change the viability for. 
4. Once the editor opens up, to the right, you will see the Publish settings column. Next to the Visibility option, click the Edit link. 
5. Select Private, then click on the OK button. 

Then the page will be published privately. Once you are ready to publish the page publicly, the process is the same.

1. Open the Page in the Page Editor (as described above).
2. From the Publish settings column, select the Edit link next to Visibility option. Then select Public and click on the OK button.

I hope this helps!

Sincerely,

Carlos D

Hello Sheri,

Thanks for posting your question regarding notifications indicating WooCommerce templates are out of date. If you are using the default Pavilion theme by BoldGrid, you can simply proceed with backing up your website and then updating the templates by navigating to WooCommerce > System Status. If you are using a Child Theme and making customizations to the files themselves, then there may be a bit more involved in the process (in order to preserve your custom code). Either way, the WooCommerce documentation provides details on how to proceed with this particular kind of update to the theme files.

I strongly recommend you create a backup before running updates like this. A backup will create a working/restorable point for your website, in case the updates cause unexpected behavior.

BoldGrid themes are regularly updated, however, I don’t believe that these are the updates that WooCommerce is indicating. According to WooCommerce, all themes (even those that do not claim to be WooCommerce “ready”) will work with WooCommerce. I hope this helps!

Sincerely,

Carlos D

Hi Alex,

It looks like the editor is not big enough to display the full width of the page and the full width of the page is properly displayed when loading the actual page in your browser.

Best Regards,

Carlos D

Hi Greg,

Thanks for posting your question regarding the Menu appearing behind the content (Call to Action) on mobile devices. I was able to replicate and see that this is only happening on iOS devices.

I recommend removing the custom CSS that you have added as it seems to have disrupted the responsiveness of the theme. If you are interested in customizing a BoldGrid theme, I recommend installing a Child Theme and develop your customizations using that theme.

For more information on using the BoldGrid Theme Framework for developing your own theme(s), you can review our documentation.

Best Regards,

Carlos D

Hi Genr8,

I’m sorry to see that the changes to your footer are not appearing as you would like them to. I’m not quite sure how you are attempting to modify the footer. However, you can use the Customizer to add a Widget to the footer (if your selected Inspiration allows), too add content to your Footer. I hope this helps.

Sincerely,

Carlos D

Hi loretta,

Thanks for posting your questions regarding the customizations you would like to make on your website.

I’m not quite sure what you mean by making your Homepage more narrow and easier to navigate with separate sections. You can modify the Home page using the Page Editor.

I’m not quite sure what you mean by how you want to customize your blog page. Can you please elaborate?

If you want to create a link for Facebook on your website, you can do this in a Widget or by creating a Menu.

I hope this helps.

Sincerely,

Carlos D

Hi Maggie,

Thanks for posting your question about saving your page edits. If you want to save your page edits, you can either click on the “Update” button in the Page Editor. Then you will be able to navigate elsewhere and preserve the changes.

I hope this helps!

Sincerely,

Carlos

Hi,

Thanks for posting your question regarding the image displayed when sharing a page from your website on Facebook. I’m sorry to see that the image that is displaying is not the one you intended. This post here outlines how you can assign a “Featured Image” to your posts and pages, which is what Facebook will use when sharing them.

The ‘og:image’ property should be provided, once the ‘Featured Image’ has been added to the page/post. I hope this helps!

Sincerely,

Carlos E

Hi Debbie,

Thanks for posting your question regarding the size of your photos as they appear in your Gallery Block. I’m sorry to see that you are experiencing troubles getting them to be consistent. I was unable to find an issue with adding an image of the same size to the gallery as the image I removed to “replace” it’s place in the Gallery. If you are replacing them by some other method, can you please elaborate on the steps you are taking to replicate the issue you are seeing? In addition to that, if you can provide the version of WordPress and all the BoldGrid plugins you are using, this will help to better diagnose the issue. I look forward to your response to assist you further.

Sincerely,

Carlos E

Hi Dan,

Thanks for posting your question regarding customizing the Widget – Call to Action. I’m sorry to see that it is not responding properly. Have you viewed the website from an actual smartphone device? Depending on how Firefox is attempting to mimic the smartphone view, it may not be providing the necessary data for BoldGrid to identify the screen size and adjust text/image sizes automatically (responsiveness) to display on your website. Otherwise, to make custom CSS changes to a Widget, you would need to use the BoldGrid Framework and modify the CSS yourself in a child theme.

Best regards,

Carlos E

Hello,

Thanks for posting your question about changing your font. I’m sorry to see you are experiencing frustration from this issue. I can understand being frustrated when something should be working and it is acting up!

I went ahead and attempted to replicate any issues with changing the font, as you described. However, I was unable to replicate any errors with my installation of BoldGrid.

I recommend you create a backup of your website and then proceed to update your WordPress, Plugins, and Themes. If the issue you are describing persists after those updates have been completed (or you are already running the latest versions) I recommend disabling any “Builder” type plugins or plugins that were downloaded with other themes. Sometimes, their capabilities and code can conflict with the capabilities and code of BoldGrid causing unexpected behaviors.

In my experience, those are the common resolutions to random unexpected behavior like you are seeing. Please feel free to reach back out if you continue to experience issues. I hope this helps!

Sincerely,

Carlos

Unfortunately, if you have already saved and left the page, there is no way to undo what was deleted. Do you have a backup of the site? If not, I recommend trying Wayback Machine, which may have a cached version of the site that you can copy the HTML code, for the section that was deleted specifically. Simply pasting in that HTML into the Page Editor (in Text Mode) should allow you to restore it.

Hi Julie,

Thanks for posting your question regarding the error you are experiencing running WPBakery Page Builder with BoldGrid, after updating it.

I’m sorry to see this is causing frustration. Although other plugins can function well with BoldGrid installed, I do not recommend installing/enabling multiple “builder” plugins. It is possible that this was working before the update and some of the updated code is now causing a conflict. To resolve this, I recommend disabling the other builder plugin (WPBakery Page Builder) when you are trying to edit your website using BoldGrid.

You should be able to continue to use the other builder if you disable BoldGrid. Unfortunately, due to the general nature of builder plugins, having multiple builders may end up causing conflicts with each other. I hope this helps!

Sincerely,

Carlos E

Hi Angus,

Sorry for the delay in responding back. Thanks for your comment in reply to our inquiries. I have been reviewing this more in depth with one of the BoldGrid Developers. They will be addressing a bug in the Section Background Settings that we identified when setting the background as an image. Although the default Size is selected as Cover Area, the image is tiled. I believe this is the tiled effect you are seeing as you described: “it moves the image so it is not centered and the part that is cropped is repeated on the opposite side”. If you select “Tiled” then it actually sets the background image as “Cover Area”.

That should automatically size and position the image to a more appropriate view (without repeating the image either). If you are unsatisfied with how that looks you would need to further adjust the CSS manually. To do this is rather complex, but the steps below should assist you:

1. First, set your custom background image and save the settings for the background section to be parallax and tiled.

2. Next, go to the Page Editor and open up your homepage (or whatever page the background section is on).

3. Switch the Visual Editor to Text Editor, by clicking on the “Text” tab in the right corner of the editor. This will display the code in text form, rather than the visual preview.

4. Find the “boldgrid-section” div class, it should look similar to (but not exactly like) this:

   <div class="boldgrid-section background-beta" style="border-radius: 0px; width: auto; background-image: url('https://source.unsplash.com/9l_326FISzk/1920x1080'); background-size: cover; background-position: 50% 50%;" data-image-url="https://source.unsplash.com/9l_326FISzk/1920x1080">

5. Remove the following text from that code:

   background-beta
border-radius: 0px; width: auto;
background-size: cover; background-position: 50% 50%;

   The code should look similar to this after:

   <div class="boldgrid-section" style="background-image: url('https://source.unsplash.com/9l_326FISzk/1920x1080');" data-image-url="https://source.unsplash.com/9l_326FISzk/1920x1080">

   with the URLs being replaced by your image, rather than the image URL I was using for this example.

6. Now you will add a custom class, you can name this anything you want really, for my example I use ‘carlos-bg’. After you add your custom class name (inside the quotes for the class), the code should look similar to this:

   <div class="boldgrid-section carlos-bg" style="background-image: url('https://source.unsplash.com/9l_326FISzk/1920x1080');" data-image-url="https://source.unsplash.com/9l_326FISzk/1920x1080">

7. Save the page by clicking the Update button in the Editor.

8. Then, head over to the Customizer > Advanced > Custom JS & CSS.

9. In the Custom Theme CSS field, add your new class like this:

   .carlos-bg{background-position: -308.875px -162.4px;}

You should see the image instantly update in the preview window to the right and you can adjust the “px” values to move the image around to your desired positioning. I hope this helps!

Sincerely,

Carlos E

Hello!

Thanks for posting your question about adjusting the site header padding. I would advise you use the Custom CSS Editor and the following code:

.site-header .boldgrid-section .bgtfwcontainer{
margin-bottom: 25px;
}

25px seems to be the value that “evens out” the margins. I hope this helps! Feel free to select a Best Answer to help others in the community or leave a comment with any additional questions or concerns you may have!

Sincerely,

Carlos E

Hello Brendon,

To determine what version of PHP you are running, you can simply create a phpinfo.php page inside of your website’s home directory. Once you create that file, add the following text/code to the file and save it:

<? phpinfo(); ?>

Then you can visit yourwebsite.com/phpinfo.php (replacing yourwebsite.com with your actual website’s domain) to view the PHP settings, including the version you are running.

As far as changing it, that depends on the server environment you are hosting your site on. You may need to contact your host to determine how to update PHP in your environment.

BoldGrid is a plugin that runs within the WordPress environment, so there is no way to run BoldGrid without WordPress.

I hope this helps! Let us know if you have any further questions or concerns.

Sincerely,

Carlos E

Hello, David!

Thanks for replying with such a great answer! It is rich with information and detailed very well. We appreciate it and hope that it helps others in the community! I went ahead and selected it as the Best Answer, so it will be highlighted for others to view. Thanks again!

Sincerely,

Carlos E

Hi, Lauren.

Thanks for posting your question regarding adding MLS search functionality to your site. Since BoldGrid is built on WordPress, adding functionalities is as simple as finding a plugin with the capabilities you are looking for. I was able to find two plugins that I believe may help you accomplish adding MLS functionality to your website. Although I have never used MLS before, WPL Real Estate and Optima Express + MarketBoost IDX Plugin seem to have capabilities that you are looking for. I’m not quite sure what the link you were provided does or how it relates to your local board. I am confident on of those plugins will help you out though!

Sincerely,

Carlos E

Hi, Peter.

Thanks for posting your question regarding reducing the bottom margin of the header section in the Hifidel Inspiration. Using the Custom CSS Editor in the Customizer, you can add the following code:

.widget {
margin-bottom: -75px;
!important;

}

This code will override the CSS (avoiding theme updates overriding your changes in the theme files) and reduce the bottom margin of the Widget element. Be sure to check your other pages/widgets to ensure this does not conflict with their appearance as well. I hope this helps!

Sincerely,
Carlos E