Christopher M

Hello,

Thanks for submitting a question about the Premium Key not working.

In some rare cases, the key value needs to be blanked out in the database so you are prompted for a new one next time you log in. Our guide provides instructions on how to edit the database with phpMyAdmin.

If you are still having issues after reviewing the guide provided, I would suggest that you contact your host directly.

Best,

Christopher M.

Hello Brett,

Thanks for submitting a question about aligning images equally in a gallery. This is supported under the Gallery Settings when you create a new image gallery. Make sure to change the size of the images from thumbnail to large or full, and select Masonry for the “Display” option.

You can add space between images by adjusting the “Gutter width” and “Bottom space” options.

Best,

Christopher M.

Hello Folkert,

Thanks for submitting a question about the BoldGrid connection issue. This is often a temporary error in reaching the BoldGrid asset servers. It usually resolves itself in a matter of a few moments. We have a BoldGrid status page you can check in order to verify that there are network issues happening. If the issues persist, it would be best to check with the web host or internet service provider to see if there any network issues happening on their side.

Best,

Christopher M.

This issue falls under the category of general WordPress development. It’s possible that BoldGrid may address this issue directly in the future, but at the moment there is no built-in procedure for this particular use case, but it can be accomplished easily by adding a template file to the theme.

There are likely plugins that allow the user to generate the search form via a shortcode on any page they prefer, but, in general, in order to complete the task of creating a search form page, it is necessary to create a page template for the active theme. The steps would look something like this:

1. Create the page template
2. Delete the WordPress loop
3. Add the WordPress search form function
4. Add any other HTML content needed
5. Assign this template to the “Search” page created in WordPress

All of these steps, in greater detail, and the needed functions, are provided in the WordPress Codex page regarding creating a search page. This would create a page with a search form, and the search form would only be present on this page.

Hello,

Thanks for submitting a question background images not showing in BoldGrid phone view. The theme layouts change depending on the device. You can edit the behavior of the background images in the Customizer. Some themes magnify the background image and some may collapse it entirely depending on how other elements are situated on the page.

I advise using the phone device view while in the customizer, so you can edit the background elements and preview them at the same time.

Best,

Christopher M.

There are two alternate methods. I recommend the second one, but I provide both here.

It is possible if you are familiar with how to add fonts with CSS. First, you must create a child theme. (We have our own guide on how to create child themes specifically for BoldGrid coming out soon.) In the meantime, it is best advised to get some help from a WordPress developer.

Once you have your child theme ready, you can add any popular font library. I recommend Google’s font library because their servers are very reliable.

Basically, you will add support for this font to the main index file for the theme (this example is for the “Assistant” font family, but you can select whichever font you want): <link href=”https://fonts.googleapis.com/css?family=Assistant” rel=”stylesheet”>

Then you will add this code to the CSS stylesheet (again for the “Assistant” font): font-family: ‘Assistant’, sans-serif;

The second method follows:

You can also add fonts you are hosting on your own server. For example, if you find and download the .ttf or .otf file for a font, you can upload these files to your server and add the following CSS support via the custom code editors.

@font-face {font-family: custom;
src: url(http://example.com/fonts/mycustomfont.ttf);
}

Now you are effectively hosting the font in your own server. Then all you need to do is select the element you want to change. For example, if you want to change the font for the paragraph elements, you can add this code:

p { font-family: custom;}

Hello Mimi,

Thanks for your question about adding borders to content in sections. You can accomplish this by selecting the area you are working with and choosing the “Column Background” button on the menu at the top of the editor.

Best,

Christopher M.

Hello Gerry,

I regret if the Grid One is not displaying to your satisfaction in the mobile view. But, all BoldGrid themes are designed to be mobile responsive. I assure you that all of the themes are built on the Bootstrap CSS framework, which is officially “mobile first” meaning that it is optimized for mobile devices.

If you would like to let us know which elements of the Grid One theme are not meeting your expectations, we would be happy to help you get what you need or perhaps suggest another theme that may work better for you. All of the themes are mobile responsive.

Best,

Christopher M.

Hello again, David. I have provided a snippet you can use this snippet in the Custom CSS editor. Click on the link provided in the previous sentence for instructions on how to use the custom editors. Once you have entered the Custom CSS Editor, you can place this code there:

.call-to-action { position: relative; top:100px ; left:40px ;}

Adjust the “px” values for “top” and “left” to move the call to action around. Remember you can use negative values (-40) as well.

Hello Eric,

Thanks for submitting a question about the default menu display. At the moment, a dropdown menu can only be made to display on the primary menu area.

We might be able to help with the first part of the problem, everything not fitting nicely. How exactly is it not fitting?

Best,

Christopher M.

Hello Debbie,

Thank you for your question about using a different background image on pages. At the moment, the only way to change this behavior is outside of BoldGrid itself.

Using the WordPress is_page function, a PHP conditional statement can display different page information. However, that kind of modification would fall under the category of general WordPress development, for which you would be best advised to check out the WordPress Codex or contact a WordPress developer.

It is of critical importance to only apply this change in a child theme.

The code in this case would look something like this:

<?php
if ( is_page( ‘about’ ) || ‘2’ == $post->post_parent ) {
// the page is “About”, or the parent of the page is “About”
$bannerimg = ‘about.jpg’;
} elseif ( is_page( ‘learning’ ) || ’56’ == $post->post_parent ) {
$bannerimg = ‘teaching.jpg’;
} elseif ( is_page( ‘admissions’ ) || ’15’ == $post->post_parent ) {
$bannerimg = ‘admissions.jpg’;
} else {
$bannerimg = ‘home.jpg’; // just in case we are at an unclassified page, perhaps the home page
}
?>

Best,

Christopher M.

Hello tee dee,

Thank you for submitting a question about adding a third column to the Venetian theme. The header area is not editable the way the pages are: through the default Visual/Text page/post editor. It would need to edited at the core level in the .php template file.

However, in the page/post editor, you could the default Bootstrap options, as follows:

<div class=”container”>
<div class=”row”>
<div class=”col”>
1 of 2
</div>
<div class=”col”>
1 of 2
</div>
</div>
<div class=”row”>
<div class=”col”>
1 of 3
</div>
<div class=”col”>
1 of 3
</div>
<div class=”col”>
1 of 3
</div>
</div>
</div>

Best,

Christopher M.

Hello Joseph,

Thank you for submitting a question about removing the gray hover color in the BoldGrid gallery. BoldGrid uses Javascript to create this hover behavior. If you are familiar with Javascript, you can edit this in the custom code editor for JS. We do not have a dedicated on/off button to support this off-hand, but any developer familiar with Javascript should be able to code a workaround for you.

Best,

Christopher M.

Hello TheFolk11,

Thank you for submitting a question on using more than one theme in BoldGrid. In this case, it would be best to make use of BoldGrid staging feature.

This allows you to have two different versions of the site in the same installation.

Best,

Christoper M.

Hello Ben,

I can assure you that BoldGrid does not profit from user information. BoldGrid has a paid version available with premium features at a reasonable cost.

Nevertheless, the free version comes complete with everything you would need to build a site quickly and easily.

Best,

Christopher M.

Hello Bill,

Thank you for submitting a question. This could be an issue with the CSS classes associated with the text widget. However, I could replicate the behavior exactly as you described it.

It’s possible we are using different versions of BoldGrid. If you are using an older version of the Venetian theme, it’s possible that the issue you’re describing has been corrected.

If you can provide a link to the site you’re viewing, we might be able to view the issue and perhaps find a solution.

Best,

Christopher M.

Hello mark_pr,

Thank you for submitting a question about using icons and widgets. The menu areas and widget areas are separate. I hope that does not drastically alter your plans. The menu areas are reserved for menus.

It is possible to use shortcodes in widgets in the widget areas by adding some brief code to a theme file. There is a guide in the WordPress codex regarding using shortcode with widgets. This kind of modification falls under the category of general WordPress development. And, this would only work for adding shortcodes to the widget areas as opposed to the menu areas.

I strongly advise making this modification in a child theme so that the changes are not wiped out when the BoldGrid themes are updated.

Best,

Christopher M.

Hello gord,

Thank you for your question about creating a bilingual site. I advise checking out the WordPress codex regarding creating a multilingual site with WordPress. BoldGrid is a site-builder, but the advice you are seeking falls under general WordPress development.

Best,

Christopher M.

Hello Newshell,

Thank you for your question about using the connect key with BoldGrid. Though it does not happen often, sometimes there may be a problem with a connect key being invalid for one reason or another. I advise requesting a new key, typing it in, and see if you get the same error.

Best,

Christopher M.

Hello Aaron,

Thank you for your question regarding post titles getting crossed out on WooCommerce products. It appears to be a conflict with the product custom post type and the BoldGrid CSS. You’ll notice, if creating a blog post, the “entry-title” element has a thin black line behind it. However, the title is clear because the CSS breaks the line for the width of the title.

This does not appear to work with the WooCommerce “product-title” element, even though it is the same thin black line. After testing with WooCommerce, I found that the Hifidel theme displays products most clearly. But, the Gridone CSS displays this line, and I could find no way to remove it entirely without breaking the layout of the page.

The way to address the issue right away would be to edit the product post type for WooCommerce to use CSS elements that are BoldGrid-friendly, or to use Javascript in the BoldGrid custom code editors to use something like a string replacement for the CSS style being used on the product page titles. The former option would require editing of WooCommerce core files, which is risky unless you are very familiar with that code. The Javascript hack would be safer, but it might affect other themes you might want to try out in the staging area.

Considering that WooCommerce is a popular plugin, there will likely be a patch in the future that corrects this, but in the meantime, using the Javascript custom coding method mentioned above would likely get the best result.

Best,

Christopher M.