Welcome to the BoldGrid Questions Portal

Hello! Sorry about the frustration. It looks like you've got the code on two lines there. When you have it right, you should only see one line number on the left-hand side there. In your screenshot, you can see that "div:nth-" starts a second line of code.

Hello!

Thanks for writing back! Evolv does things a little differently compared to other themes in the BoldGrid Theme Framework, so I think your best bet for this one is to actually use a snippet of custom JavaScript.

You may need to tweak this based on your color palette. Navigate to Customize -> Advanced -> Custom JS & CSS and paste the following snippet, exactly as it appears here, into your Custom Theme JS box:

jQuery('body').not('body.page-template-page_home').removeClass('custom-background').addClass('color4-background-color');

Basically, what this will do is select every post and page that's not "page-template-page_home," i.e. your Home Page, and remove the "custom-background," then add the "color4-background-color." 

The part that you might need to tweak is the number in the last set of parentheses. For reference, check out your color palette in Customize -> Colors and use this numbering scheme:

Generally speaking, numbers 4 and 5 are going to be the best for your background.

I hope this helps!

Hello David,

As you noted, it looks like you may have resolved this issue already. I'm currently seeing the following CSS on your form:

.cognito .c-forms-form .c-editor, .cognito .c-forms-form .c-rating-scale-questions {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 0.8125em;
    color: #000000; }

This has the effect of making the text black (#000000) for  your form. Since your iFrame was in a block with a black background, the Theme Framework works to ensure that your text has a contrast with the background color so that it's readable. 

Please let us know if you need any more help resolving this issue, we're happy to help.

Hello,

Thank you very much for the great question, I'm sorry to hear that you've lost so much time working on this issue.

The Product Page template is set to use whichever background you've selected in Customize -> Background, in your case the image background. 

Here's a custom CSS rule that you can paste into your Customize -> Advanced -> Custom JS & CSS menu:

.product-template-default #content > main { background-color: rgba(0,0,0,.7); }

This will add a black background at 70% opacity, which will make the products page look like this:

Hello,

Thanks for the question, I'm very sorry to hear that your blocks disappeared while editing your pages.

Can you provide a little more information about the issue you're experiencing? For example, what steps are you taking while editing your page before the blocks disappear? Are you referring to the blocks that have been added to your page, or the Block Library?

A couple of general troubleshooting tips to try- make sure that all of your BoldGrid Plugins are up to date by visiting Dashboard -> Updates, and as always be sure to make regular backups of your website to ensure that you can revert to a working version if needed.

I hope this helps!

Hello, thank you for the excellent question, and I'm sorry that our Theme Framework documentation is indeed missing information about how to control the sidebar.

The BoldGrid Theme Framework enables the sidebar, except for the following conditions:

is_404()

is_search()

is_front_page()

is_page_template( 'default' ) 

is_page_template( 'page_home.php' )

If you'd like to disable the sidebar on other templates or conditionals, you can create a filter, either in your child theme's functions.php or using a code snippet. In the following example, I'll demonstrate a function that will disable the sidebar for the is_single() function as well as the custom template my_page_template.php:

function my_custom_theme_configs( $boldgrid_framework_configs ) {
  $boldgrid_framework_configs['template']['sidebar'][] = "is_single";
  $boldgrid_framework_configs['template']['sidebar'][] = "[my_page_template.php]is_page_template";

  return $boldgrid_framework_configs;
}
add_filter( 'boldgrid_theme_framework_config', 'my_custom_theme_configs');

I'll give a heads-up to our development team to create some better documentation for using the sidebar interface in the BoldGrid Theme Framework. I hope this helps!