Jesse Owens

Hi Jonas-

Thank you very much for reaching out with this feedback, you’re right that it’s not very easy to figure this out in the Customizer. I’ve filed a feature request to make this feature more usable in the future.

For now, you’ll be able to control this sidebar in the Customize > Design > Blog > Blog Page > Sidebar menu. The reason for this is that the WooCommerce Shop Page is basically a “blog page” of your products, as far as WordPress knows.

Hi Olesia-

The error you’ve mentioned here shouldn’t have any effect, it’s related to a Chrome Extension you’re running and is not a fatal error. Can you let us know the address of your website so we can take a look? If you don’t want to share it publicly, you can use the reply form to list your site, that is not made public.

Hi Wendy-

I think what you’re seeing is the 25px padding on the top of the entry-content div, so you can target that with a rule like this:

div.entry-content { padding-top: 0px; }

Hi Wendy-

If you’re interested in creating more dynamic headers without using code, including the ability to use a random image background from a list or even video backgrounds, I’d recommend checking out the Crio Supertheme.

That said, there are a few ways you could do this in Hydra. Probably the easiest way I can think of would be to use each page’s unique ID to use Custom CSS. You’ll need a couple pieces of information to do this.

First, you’ll need each page’s ID. The easiest way to find it is to edit the page, and look in the URL for the part that looks like ?post=123 where 123 is the number of your page ID.

Then, you’ll need the URL for each of the images you’d like to use. You can find this by clicking Edit under the image in your Media Library, where you’ll find a button at the right to copy the URL.

With those two pieces of information in hand, head over to your Customize > Advanced > Custom JS & CSS menu and add a rule similar to this:

body.custom-background.page-id-123 {
	background-image: url('https://url-of-your-image/image.png') !important;
}

Simply replace “123” with your page ID, and the URL in between the single quotation marks.

Hi Lee-

Yes, absolutely. RGB colors like this one go on a scale of rgb(0,0,0) for completely black up to rgb(255,255,255) for completely white.

So you can simply increase the numbers in that rgb(32,32,32) to something like rgb(127,127,127) to make it an even gray, and adjust as needed until it looks the way you like it.

Hi Lee-

You can do this by adding one more line to that Custom CSS from above:

@media (max-width: 991px) {
    body.custom-background {
        background-size: auto !important;
        max-height: 100vh;
        background-position: center top !important;
        background-color: rgb(32,32,32);
    }
}

That value of rgb(32,32,32) is based on what you’ve already got, although your site is actually using rgba(32,32,32,0.75). Using that will match the semi-transparent background you’re using now, but will be a little less readable.

Hi Wendy-

With the call-to-action missing, the main place that the image spacing comes from is the margin-top on the div.entry-content element. So you can target that with a CSS rule like this:

div.entry-content {
	margin-top: 300px;
}

You might also want to consider using a screen size media query on this, because that rule will also affect the mobile view. So if you’d like to go a little smaller for small devices, try something like this (adjust the pixel values according to what looks best for your image):

div.entry-content {
	margin-top: 250px;
}
@media only screen and (min-width: 992px) {
div.entry-content {
	margin-top: 350px;
}
}

Hi Lara-

Thanks for that! There’s a couple of errors shown here.

The first is referencing the WordPress core JavaScript for the editor, and the second is referencing the fact that a library was loaded without a secure SSL certificate.

If you’ve recently added an SSL certificate, you might want to consider adding a plugin like Really Simple SSL to make sure all your URL’s are updated to use https:// instead of http://.

That said, I’m not convinced that’s the cause of the error in your editor, since your browser automatically upgraded the link to https. It’s the last line 11463 log entries are not shown that concerns me that many more errors are occurring that we didn’t see here.

I checked out the plugins that I can see on your site’s front-end, and one of them worries me a little- the Responsive Posts Carousel plugin was removed from the WordPress repository in May 2019 for violating plugin guidelines, so that means it hasn’t been updated for almost 2 years and may have errors or possibly even security vulnerabilities.

Try disabling that plugin to see if that resolves your errors. If you’re still having the same issue, I think we should move to a Premium Support Ticket (as an InMotion Hosting Customer, you have premium included with your hosting). That way one of our technicians can log into your website and take a closer look for you.

Hi Dan-

I checked out the website you sent over, and I did see the reviews working correctly on your Testimonials page. It looks like you’re using the WP Customer Reviews plugin, which is the one I have used in the past and recommend. Can you clarify what you mean by “the page didn’t recognize the short code?”

Generally speaking, your contact forms will have the background color of whichever block you’ve pasted the shortcode into. Take this example, where the same form is embedded into to different blocks:

Hi Matthew-

The Callaway theme is designed with the logo on the right and the menu on the left, but you can accomplish this with a little effort. If you’re interested in designing your header without using any code, I recommend checking out the Crio Supertheme.

If you’d like to go ahead and do it in Callaway, here’s how.

First, install and activate the Code Snippets plugin. Then, navigate to Snippets > Add New and paste the following code into your new snippet:

function bgsc_swap_logo_menu_callaway( $configs ) {
	$configs['template']['locations']['header']['6'] = array( '[action]boldgrid_site_identity' );
	$configs['template']['locations']['header']['7'] = array( '[action]boldgrid_primary_navigation' );
	
	return $configs;
}
add_filter( 'boldgrid_theme_framework_config', 'bgsc_swap_logo_menu_callaway', 11 );

This code will swap the default locations of your logo and your menu. The first time you save it, I strongly recommend setting it to Only run once. That way, if you’ve made any typos, your site will only crash once and you can simply reload the page. If your site did not crash when you ran it once, set it to only run on site front-end and save and activate it.

Then, you’ll need to add a little Custom CSS to make sure they’re properly aligned in their new locations. Navigate to Customize > Advanced > Custom JS & CSS and paste the following into your Custom Theme CSS:

@media only screen and (min-width: 992px) {
	.site-title, .site-description { text-align: left; }
}
@media only screen and (min-width: 768px) {
	.navbar-default .navbar-nav, .navbar-default .navbar-nav .open .dropdown-menu {
		float: right;
		text-align: right;
	}
}

Hi Mike-

BoldGrid Easy SEO does not include sitemap functionality. Although this was a pretty commonly-requested feature for the plugin, now that WordPress Core includes sitemaps by default, we haven’t opted to add this.

If you’re looking for more fine-grained control over your sitemaps, I highly recommend checking out Google XML Sitemaps, a plugin that has over 2+ million active users and over 2000 positive reviews.

Hi Joe-

This was a little bit easier to show you than explain, so I took a few minutes to create this video for you.

The important thing to remember is that BoldGrid’s mobile responsiveness is mobile first, so we’re going to swap your columns around so that they look better on mobile, and then swap them only on larger screens.

Use the arrow icon to drag your column with the description over to the left, and then use the Advanced > Custom CSS column menu to add these classes, respectively:

col-md-push-6
col-md-pull-6

Hi Ruth-

Articulate Storyline does have a publishing option that will let you export your courses in an HTML format, so this is possible. It’s not really a limitation of your theme, but more of the way that Storyline exports your courses.

Here’s a really good article by Mark Spermon at Upward Online Learning on several different ways to add Storyline courses to your site.

There’s also a plugin that allows you to do this very easily called Insert or Embed Articulate Content into WordPress that has both a free and paid version.

Hi Brian-

Checking out these logs, it looks like your backup from November 3rd was terminated by your server with a SIGTERM:

Signal received: 15 {"signo":15,"errno":0,"code":0}

However, your most recent backup from November 9 failed because it used over a gigabyte of memory, exceeding your PHP limit. Generally speaking, even on very large sites, Total Upkeep uses at most 100MB of memory itself. That leads me to think that your site might have a great deal of traffic, or is running other memory-intensive tasks during the backup.

I should also note that several of the errors in your logs are from the plugin AutoChimp, which was removed from the WordPress repository in December of 2018, and hadn’t been updated for over 5 years before that, so I’d recommend looking for a replacement for that plugin.

Hi Susan-

Total Upkeep will keep both the software and your work saved. Everything that you write and create in WordPress is either stored in the database, or in the wp-content folder, both of which should back up for you now that you’ve solved the error with System Zip.

Hi Lara-

Thanks for reaching out! That definitely sounds like an incredibly frustrating problem, and it’s one I haven’t seen before.

WordPress stores its autosave data in your browser using JavaScript, so my first guess would be that this is some kind of JavaScript conflict. If you can help us out by checking your browser’s error console while you’re editing a post, we might be able to determine what’s going on. Here’s a quick guide on how to check your browser’s error console:

Try the process you mentioned while your console is open- switch back and forth between the Visual and Text editors.

The usual suspects for a JavaScript conflict like this would be any plugin that adds some other functionality to your editor window. You might also be able to narrow down the culprit by disabling any plugins that modify your editor, and re-enabling them one-by-one to see if you can find out which one is causing the issue.

The only other thing that jumped out to me when I was checking out your site is that you’re on a pretty old version of the Hydra theme, it might be worth updating that to see if that resolves the issue.

Hi Ashlee-

Right now, it looks like you’re using a lot of paragraphs with a single space character in them to keep the widget spaced out. What I might do instead of that is use a Custom CSS rule.

Navigate to Customize > Advanced > Custom JS & CSS and paste this code into your Custom Theme CSS:

#text-16 { margin-bottom: 100px; }

I tried out 100 pixels, and that seems about right to get it all the way down to the bottom of the photo:

Glad to hear it Bob! Let us know if you need any *pointers or &references, we’re happy to help.

Hi Bob-

I can see what you mean with the two menu toggles showing on mobile sizes, I don’t think Haven was designed with Max Mega Menu in mind.

That said, it’s an easy fix. Navigate to Customize > Advanced > Custom JS & CSS and paste this rule into your Custom Theme CSS field:

button.navbar-toggle {
    display: none;
}

P.S. I Definitely understand the hesitation regarding subscriptions. However, keep in mind the billing is annual, so even if you didn’t want to subscribe, you’d have access to Crio Pro for a full year.

Your InMotion Hosting account already includes all of our premium tools other than Crio, so if you’re not already doing so, don’t forget to check out Total Upkeep Premium and Post and Page Builder Premium.

Hi Aaron-

There’s a couple major benefits for freelance designers like yourself that I’ll kind of summarize for you.

First, BoldGrid Inspirations gives you a huge head start when you’re making a new site by giving you 25+ themes with pre-designed starter content for 11 different types of industries, for websites ranging from a basic 3-page to 10-page content sets.

Just replace the starter content with your client’s copy and assets, and tweak what you need to rather than starting from scratch every time.

Inspirations also includes the Connect Search stock photography library directly in your WordPress Media library, so you can present your clients with full designs even if they haven’t given you much to work with.

Second, the Post and Page Builder’s block library does the same kind of thing, but on a section-based level. Find a block that’s close to what you need, and just tweak it for your needs rather than coming up with designs manually.

Finally, Cloud WordPress is a great way to develop new client sites and let them see a few different options to choose from, and you can use Total Upkeep to easily migrate your sites between your development environment, Cloud WordPress, and your client’s hosting service.