BoldGrid Support

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

Hello, redshi10bg!

Thanks for posting your question about adding code to your website to refresh your page automatically. I have reviewed a forum online that explained how to do this. For instance, adding the following code to your head.php file:

<?php
if(is_page(##))
{
echo ‘<META HTTP-EQUIV=”REFRESH” CONTENT=”300″>’ ;
}
?>

This code will cause the page with ID: ## to refresh every 5 minutes if that is the current page loaded. This will require you to know the page ID. You can find the page ID by setting your Permalinks setting to Plain and then visit the page that you want to refresh automatically. Grab the page_id from the URL (https://example.com/?page_id=##) and then you can revert your Permalinks setting.

To add the code to your head.php file, you will need to hover over the WordPress Dashboard Admin menu option: Customize and then click on CSS/HTML Editor. Then proceed to select your theme from the right side “Select theme to edit:” drop-down menu. Now find the head.php file in the list below the drop-down and click on the template file’s link. Add the code above (modifying the ## to replace with the page_id you want) inside of the “<head> </head>” tags, like this:

<head>
<meta charset=”utf-8″>
<meta http-equiv=”x-ua-compatible” content=”ie=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″> <?php wp_head(); ?>
<?php
if(is_page(##))
{
echo ‘<META HTTP-EQUIV=”REFRESH” CONTENT=”300″>’ ;
}
?>
</head>

Be sure to click the Update File button below the editor, to ensure you save those changes made.

Alternatively, you can FTP to your website’s server and locate the head.php file in the theme directory to add that code. For instance: /home/userna5/public_html/wp-content/themes/boldgrid-theme/templates/head.php. However, this may vary depending on your website’s home directory location and theme being used. I recommend the process I outlined above using the built-in CSS/HTML Editor. I hope this helps!

Sincerely,

Carlos E

Hi, Stan!

Thanks for asking your question about using BoldGrid with GoDaddy hosting for WordPress. You can run BoldGrid on any hosting platform that you can install WordPress on. Have a look at our guide here for more information and details on how to download BoldGrid for free to host with GoDaddy. I hope this helps!

Sincerely,

Carlos E

Hello, David!

Thanks for posting your question regarding selecting a new home page for your BoldGrid website. This guide on how to use the advanced customizer options provides the steps to do that. It is similar to the method you have used, with the exception of the location, I believe. Do keep in mind, you will need to create a new page first so that your new Home page will appear in the drop-down menu to select as your Static Front Page.

You would not need to use the Staging Site feature. However, for more details and information on that feature, you can review our guide on understanding Active vs. Staging in BoldGrid. I hope this helps!

Sincerely,

Carlos E

Hello, Lane.

Thanks for posting your question about cloning your Active Site to your Staging Site. Unfortunately, BoldGrid does not include a function to duplicate the Active Site into the Staging Site. However, this can be accomplished manually, by installing the same Inspiration as your Active Site (but as a Staging Site) and then copying the contents of each page (from the Active Site) into the Staging Site. If you would like to see this feature available in future updates of BoldGrid, I recommend submitting your feedback here. Our BoldGrid Developers are always looking for ways to improve your experience!

Sincerely,

Carlos E