Jesse Owens

Hello Alycia-

Thanks for reaching out, and thanks for using the Crio WordPress Theme for Buisness.

Right now, the image is set up as a background with the “Cover Page” size attribute and the 50%/50% position attribute. That means that as the device size gets smaller, the background focuses in on the center of the image:

If I understand you correctly, what you want to accomplish is that the image itself scales down without any cropping. If that’s what you’d like to do, insert the image normally (using the Add Media button) instead of using it as a background. Then, you’ll need to make sure that there’s no extra padding on the sides of the column to keep it full-width:

This will give you the effect of a full-width image that scales down to the width of the viewscreen:

Hi Tim-

Thanks for reaching out and thanks for your interest in Crio Pro.

If you have a Premium Key, but there are no purchases in your account, it’s likely that you received your premium key bundled with your hosting account at one of our Platinum WordPress Hosting partners.

If you use InMotion Hosting, DreamHost, or Web Hosting Hub, then Crio Pro is included with your hosting account. However, Crio Pro was only recently added to the package, so if you’ve had your account for more than a few months, we may need to manually add Crio Pro to your license.

Since this is a public forum, we can’t make any changes to your billing or licensing here, but if you reach out to our Premium Support Team in your BoldGrid Central Account we’ll be happy to get you sorted out.

Hi Dawn-

Thanks for the updates! I’m glad to hear about the progress.

I should have tested the code I gave you at a couple more screen sizes. Modify your JS to give the logo/title area a little more space:

jQuery('.row.header-1 .col-sm-4').addClass('col-md-11 col-xs-12 col-sm-12').removeClass('col-sm-4');
jQuery('.row.header-1 .col-sm-8').addClass('col-md-1 col-xs-12 col-sm-12').removeClass('col-sm-8');

Then I came up with a few screen-size rules to make sure the header looks good on tablets and mobile devices:

@media screen and (max-width: 420px) {
    .site-description:before {
        content: "\a \a A-Team\aMinnesota\a";
    }
}
@media screen and (min-width: 992px) {
    #menu-social {
        padding-top: 100px;
    }
}
@media screen and (max-width: 992px) {
    #menu-social {
        text-align: center;
    }
}

These will also align your Facebook icon the way you’re looking for.

For the buttons, you can add that rule I provided above:

.palette-primary a.button-primary { border: none; }

If you add this to your customizer with all of the other CSS code, it will remove all of the white borders on your buttons. If you’re only looking to remove it from individual buttons, you can use the button design tool inside the Post and Page builder:

In order to make the “Links to Affiliated Disability Advocates” section full-width, use the gray-colored Edit Section and use the Section Width option, which will expand the entire section to be full-width.

As far as the individual images with the semi-opaque backgrounds, I’m not sure I understand your goal for those. Were you thinking of removing the backgrounds, or were you trying to fit more than one in a row on mobile phones?

Hi Heather-

Thanks for the great question, and thanks for choosing the Cobalt WordPress Theme.

I think I’ve got a simple CSS rule that you can add to your Customize > Advanced > Custom JS & CSS Custom CSS field that should solve this for you:

.palette-primary.woocommerce-page div.product form.cart, .palette-primary.woocommerce-page div.product p.cart, .palette-primary.woocommerce div.product form.cart, .palette-primary.woocommerce div.product p.cart {
    flex-direction: column;
    align-items: unset;
}

If that doesn’t do the trick at first, add !important to each rule, like so:

.palette-primary.woocommerce-page div.product form.cart, .palette-primary.woocommerce-page div.product p.cart, .palette-primary.woocommerce div.product form.cart, .palette-primary.woocommerce div.product p.cart {
    flex-direction: column !important;
    align-items: unset !important;
}

Hi Dawn-

Thanks for the additional info! Yes, we can accomplish all of these with a little more custom CSS, and we’ll also need a small amount of JavaScript so that the title and tagline fit when they’re beside the logo.

I’m going to include the whole block of CSS here, which includes another rule to eliminate the green space below the menu:

h3.site-description {
	visibility: visible;
	padding-top: 100px;
	font-family: Hammersmith One;
}
.site-description:before { 
	content: "A-Team Minnesota\a"; 
	white-space: pre;
	font-family: Doppio One;
	font-size:27px;
}
.site-title {
	float: left;
	margin-right: 20px;
}
#content { margin-top: 0px; }

There’s one line you may need to adjust depending on the size of your logo, padding-top: 100px; will work to vertically “center” the title and tagline with your logo full-size, but if you make it smaller like you had it before, you’ll need to reduce the number 100 until it looks aligned the way you like it.

Finally, you’ll need to add these lines to the Custom Theme JS to adjust the widths of the columns in the header, so your tagline doesn’t wrap:

jQuery('.row.header-1 .col-sm-4').addClass('col-md-9').removeClass('col-sm-4');
jQuery('.row.header-1 .col-sm-8').addClass('col-md-3').removeClass('col-sm-8');

Be careful when you paste this in, because the JS editor may automatically include // at the beginning of the first line. Make sure you remove those slashes.

Once that’s saved, you should end up with a header that looks like this:

Hello Dawn-

Thanks for reaching out, I’m sorry to hear about the frustration. Displaying the Logo along with the title and tagline is a built-in feature of our newest theme, Crio, but you can accomplish this without changing themes with a little bit of custom CSS.

Navigate to Customize > Advanced > Custom JS & CSS.

There are two options you can use. First, if you want both the title and tagline to show below the logo, paste in this code:

h3.site-description {visibility: visible; }
.site-title:after { 
	display: block;
	content: "A-Team Minnesota"; 
}

Alternatively, you can show the title above the logo, with the tagline below. Simply change .site-title:after to .site-title:before.

Finally, you can add one more line to get rid of the white borders on your buttons:

a.button-primary { border: none; }

As a software provider and in order to keep our prices as competitive as possible, we don’t have a direct chat or phone support line, but because Web Hosting Hub is one of our Platinum WordPress Hosting partners, you do have the option of using our private Premium Support ticket system. If you’ve never logged into your BoldGrid Central account before, make sure to use the same email you use for your Web Hosting Hub account and submit a password reset request.

Hello Sibongile-

Thanks for reaching out, and for using the BoldGrid Easy SEO plugin.

We’re aware of this bug and our developers are currently working on a fix. In the meantime, you can force the word count to update by making any change to the content on your page, even adding a deleting a single character.

Hello Tim-

You’ve got the process correct, the issue that’s occurring is that the “transfer” is taking longer than 10 seconds, which is your hosting account’s current limit for a request.

There are a couple of ways you can get around this limitation.

First, you can use these instructions to increase the max_execution_time for your hosting account.

Second, you can upload your backup to your hosting account using a different protocol, like FTP. See the instructions in this article for uploading a large backup file.

Finally, we’re happy to provide private assistance via a Premium Support ticket if you’d like.

Hi Diane-

Thanks for purchasing Total Upkeep Premium, I’m sorry to hear about the frustration.

There are two common causes for this problem.

First, make sure that you have both the Total Upkeep Free and Total Upkeep Premium plugins installed and active on your website.

The free plugin is the core of Total Upkeep’s functionality, and the premium plugin adds all of the features you’ve paid for.

If you have both of those installed and active, the next thing to check is that you’re using the same BoldGrid Connect Key that came with your purchase. You can find your premium key in your BoldGrid Central Account, and you can use these instructions to update the key on your website.

If you’re still having trouble, please contact our Premium Subscriber Support and Billing Team and our team will be happy to make sure you get all the features you’ve paid for.

Hello-

Thanks for the updates. While we were working with InMotion Hosting we were able to determine that this issue was happening to several editor plugins, including Post and Page Builder, Elementor, Classic Editor, and others.

InMotion has let us know that they’ve deployed a fix for the issue now, and you should be able to publish your posts and pages normally again. Thanks for your report, and please let us know if there’s any more problems!

Hi Aaron-

Sorry for the delay getting back to you. I checked it out and it does look like you did a great job fixing my error in the CSS! I don’t see any side-effects on the pages I checked out.

Hi Doug-

Thanks for reaching out, and thanks for using the Post and Page Builder plugin for WordPress.

The file editor-fe.min.css is supposed to improve the Post and Page Builder’s compatibility with non-BoldGrid themes, but it looks like your theme, Liquid, doesn’t work well with it.

I tested out your site with the entire CSS file commented out, and I didn’t see anything affected by it, so I’m guessing your theme already handles everything in that file. There hasn’t been an update to the plugin lately, so I’d have to guess this change might have actually been an update in the Liquid theme.

Your solution will work for now, but it will be overwritten the next time you update the Post and Page Builder plugin, and if your host does automatic updates we might want a more permanent way to fix it for you.

One good way you can accomplish this is with a small PHP Snippet to disable that CSS file.

You can do that with a plugin like Code Snippets. Add a new snippet, and paste this code into it:

add_action( 'boldgrid_editor_scripts_public', function() {
	wp_dequeue_style('boldgrid-fe');
}, 11 );

When you save and activate it, I highly recommend enabling the option to Only run once just in case there are any typos, and then you can enable it everywhere going forward.

Hi Aaron-

I discovered your ticket in the Premium Support queue, and if that’s the same site we’re working on for this issue I got a closer look at your slider.

I do see both the slider dots as well as the autoplaying on your slider. Keep in mind that if a visitor hovers their cursor over the slider, it doesn’t auto-slide to avoid creating a situation where your user attempts to click on something, and it moves out of the way.

If that’s not what you’re seeing, can you let us know which browser and device you’re using so we can take a closer look?

Hi Anne Marie-

Ideally, you’d want to fix this in your image creation software itself. The exact process will depend on what software you’re using to make the image. This is more ideal than editing it in WordPress because you won’t change the image’s dimensions, which might cause a little distortion or stretching.

Alternatively, you can edit the image in WordPress to crop out the extra space on the right. Navigate to your Media Library, click on the image, and click Edit Image.

Click on Crop, and use the numeric control on the right to subtract 32 or 33 pixels or so from the width, and also make sure that the “cropped” portion is cut off the right side of the image:

Hi Tim-

That’s awesome to hear! Let us know if you have any more questions, we’re happy to help.

Hi Ethan-

Sorry about that, there was a typo in the original code we provided to you. Remove the semi-colon in the media query on the first line, so that it looks like this:

@media only screen and (max-width: 767px) {
h1, h2 {
font-size: 30px;
}
}

Hello Bruce-

Thanks for reaching out, and thanks for choosing the Crio WordPress theme for business.

Generally speaking, the type of controls that you’re looking for are going to be part of a form. If you set these up using a contact form, then you’ll be able to let your users make selections and send them to you.

If you installed Crio using BoldGrid Inspirations through your host, then you should already have the weForms Plugin installed on your website.

Using weForms, if your create a new form you’ll see controls to add both columns and drop-down selectors:

Hello Geoff-

Thanks for reaching out, and thanks for using Total Upkeep for your WordPress backups.

The most common reason for unexpected backups is that you may have automatic plugin, theme, or core updates enabled. If you re-activate the plugin, navigate to Total Upkeep > Settings > Auto Updates where you’ll find the settings to enable or disable automatic backups before updates.

You can also find out what triggered any backup to run by clicking View Details on one of your unexpected backups and then click More Info on the right-hand side. Here’s a quick video showing you how to find out what caused a backup to run:

If you have Total Upkeep Premium, there’s another tool you can use to keep your site up-to-date as well as reduce the number of backups that run, Timely Auto Updates. You can also change the number of backups that are stored at any given time by changing your retention settings, and protect important backup files from being deleted by retention settings.

Hello Laurie-

Thanks for reaching out, and thanks for using the Post and Page Builder for WordPress.

I took a look at some of your galleries, and I see what you mean. The first lightbox that pops up, the one with the strange title, is actually the one provided by Responsive Lightbox and Gallery (RL&G), and the second one is the one provided by the BoldGrid Gallery plugin.

If the second one is the one you like better, then I’d recommend sticking with just the BoldGrid Gallery plugin, and disable RL&G.

I wasn’t able to recreate the same issue with the strange title, however. That should be the image’s “Title” (data-rl_title means “Data for Responsive Lightbox Title). If you decide to stick with RL&G, I’d recommend reaching out on their support forums about that issue.

Hi Sam-

Thanks for the great question, and thanks for using the BoldGrid WordPress website builder.

Probably the best way to accomplish this is to use a “Maintenance Mode” or “Under Construction” plugin. There are several good free ones available, I’ve personally used Coming Soon Page by SeedProd in the past.