Hi Understrap Team,
I am experiencing a fatal error when accessing the “Posts” page in the WordPress admin panel. Here are the details:
Error Message:
Fatal error: Uncaught Error: Call to undefined function understrap_get_select_control_class() in /wp-content/themes/understrap/inc/widgets.php:44
Stack trace:
#0 /wp-includes/class-wp-hook.php(324): understrap_add_block_widget_categories_class(‘<select name=’…’, Array)
#1 /wp-includes/plugin.php(205): WP_Hook->apply_filters(‘<select name=’…’, Array)
…
Steps to Reproduce:
Environment:
Temporary Fix:
I commented out the following line in /inc/widgets.php (line 44):
// $class = understrap_get_select_control_class();
After this, the “Posts” page loads fine, but I assume this is not the correct solution.
Question:
Was understrap_get_select_control_class() removed in a recent update, or is it missing in my installation?
Any guidance on how to properly resolve this would be greatly appreciated.
Thanks for your help!
]]>I am currently using the latest version of the Understrap theme (version 1.2.4).
After activating the WooCommerce plugin, I received the following message:
“Your theme (Understrap) contains outdated copies of some WooCommerce template files. These files need to be updated to ensure compatibility with the latest version of WooCommerce.”
It seems that some templates are not compatible:
understrap/woocommerce/cart/cart-empty.php,
understrap/woocommerce/cart/cart.php,
understrap/woocommerce/cart/proceed-to-checkout-button.php,
understrap/woocommerce/checkout/form-checkout.php Version 3.5.0 is out of date. The core version is 9.4.0,
understrap/woocommerce/checkout/form-coupon.php,
understrap/woocommerce/checkout/form-pay.php,
understrap/woocommerce/checkout/form-verify-email.php,
understrap/woocommerce/checkout/payment.php,
understrap/woocommerce/global/form-login.php Version 7.1.0 is out of date. The core version is 9.2.0,
understrap/woocommerce/loop/orderby.php,
understrap/woocommerce/myaccount/downloads.php,
understrap/woocommerce/myaccount/form-edit-account.php,
understrap/woocommerce/myaccount/form-edit-address.php Version 7.0.1 is out of date. The core version is 9.3.0,
understrap/woocommerce/myaccount/form-login.php Version 7.0.1 is out of date. The core version is 9.2.0,
understrap/woocommerce/myaccount/form-lost-password.php Version 7.0.1 is out of date. The core version is 9.2.0,
understrap/woocommerce/myaccount/form-reset-password.php Version 7.0.1 is out of date. The core version is 9.2.0,
understrap/woocommerce/myaccount/my-address.php Version 8.7.0 is out of date. The core version is 9.3.0,
understrap/woocommerce/myaccount/my-orders.php,
understrap/woocommerce/myaccount/navigation.php Version 2.6.0 is out of date. The core version is 9.3.0,
understrap/woocommerce/myaccount/orders.php Version 8.5.0 is out of date. The core version is 9.5.0,
understrap/woocommerce/order/order-again.php,
understrap/woocommerce/product-searchform.php,
understrap/woocommerce/single-product/add-to-cart/simple.php,
understrap/woocommerce/single-product/add-to-cart/variation-add-to-cart-button.phpWill this issue be addressed in an upcoming update?
Or do we need to manually edit the template files ourselves?
Hello,
I am starting a new site. I installed Understrap (from the WP directory ) and Understrap Child theme 1.2.0 (from Github). In the documentation I read that BS 5 is now standard. However, when I check it uses BS 4 ? My CSS file ends with: theme-bootstrap4.min.css?ver=.1712088876
So what do I do to use BS 5?
Thanks!
]]>Are there plans to update the icon library to a version which includes the new Twitter/X logo?
]]>Currently I use your theme on 1 site and am considering using it for a second one, but I see that this sport forum is unanswered in the last year. Also, nothing about any upgrade to php 8.0… My concern is launching a new site with a theme that may no longer be supported.
Anyone know what’s going on here?
Thanks,
Steve
]]>Hello guys,
On the official page https://www.ads-software.com/themes/understrap/ the info is that PHP is 5.2 and WP core is 5.0 for this theme. At the same time, it says that the theme was recently updated. Can anyone tell me if the theme was updated to be compatible with PHP 8.0 and WP 5.5?
]]>When are you guys planning to update the main theme and fix this outdated copies of some WooCommerce template files issue?
]]>Wanting to make the header sticky and wondering if there’s a best/preferred method/practice?
And looks like it’s been 8+ months since any activity. Better place to chat with other developers on this theme? FB?
I just found it a couple weeks ago. Finally found what I’ve been looking for.
]]>Hello,
I am working on a Understrap childtheme.
I want to add some functions, and instead of adding them to the functions.php I want to do that in a separate file that is included from the /inc directory, just like the parent theme does.
If I try to include my file from the functions file in my childtheme with require_once like so:
require_once(get_stylesheet_directory() . ‘/inc-my-algo-php’);
I get a critical error. I guess this is because this replaces the parent theme includes?
My question: can I add my own functions by adding them to the /inc directory in my childtheme?
Thanks!
]]>Hi, I would like to prevent the css rules written in the style.css file from taking effect on the dashboard as well.
function theme_enqueue_styles() {
// Get the theme data.
$the_theme = wp_get_theme();
$suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
// Grab asset urls.
$theme_styles = "/css/child-theme{$suffix}.css";
$theme_scripts = "/js/child-theme{$suffix}.js";
wp_enqueue_style( 'child-understrap-styles', get_stylesheet_directory_uri() . $theme_styles, array(), $the_theme->get( 'Version' ) );
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'child-understrap-scripts', get_stylesheet_directory_uri() . $theme_scripts, array(), $the_theme->get( 'Version' ), true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
//echo('<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>');
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );Hello,
I’ve posted the issue on the Block Editor Bootstrap Blocks plugin forum as I thought it was an issue caused by the plugin but the author says the plugin is not using any CSS and must be the theme.
The issue is that the background-color setting in the CSS is not having any effect on the nav-pills created by the Block Editor Bootstrap Blocks plugin in Safari. No matter what I use, the background of the nav-pill li.nav-item remain grey. You can see a screenshot here: https://www.freelancealot.co.uk/tests/Screenshot%202022-12-01%20at%2015.53.09.png
In Firefox they appear the correct colours.
I was able to isolate the issue to the following code in the Understrap child theme css:
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
As soon as I delete that line, the nav-pills show the correct blue background in Safari as well.
I’m not sure what can be causing this issue. The following is the CSS I’m using to change the colour of the nav-pills.
`body.page-id-119 ul.nav-pills li.nav-item {
color: #fff; [THIS WORKS]
background-color: #2d8dc1 !important; [DOES NOT WORK]
margin-bottom: 1rem; [THIS WORKS]
}
The text color and margin elements both change on Safari, but the background colour remains grey as per the screenshot. Nothing works, that I’ve tried, apart from removing
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button} from the Understrap child theme CSS.
Can anyone suggest another way of targeting the background for nav-pills without having to remove that line?
With kind regards,
Tracy
PS: for reference here’s the original post on the plugin forum: https://www.ads-software.com/support/topic/changing-colours-on-tabs-and-accordions/
]]>Hi. I’m trying to figure out how Understrap decides which colors to include in editor-color-palette.json (used to generate the Gutenberg color palette).
It seems like it uses the $colors map if defined in _child_theme_variables.scss but it doesn’t use all of them. If I un-set $colors the default BS colors are used, but if I define it using my color palette: …
$colors: (
"pink": $pink,
"purple": $purple,
"teal": $teal,
"green": $green,
"black": $black,
"white": $white,
"pink-65": $pink-65,
"pink-26": $pink-26,
"pink-10": $pink-10,
"purple-65": $purple-65,
"purple-26": $purple-26,
"purple-10": $purple-10,
"teal-65": $teal-65,
"teal-26": $teal-26,
"teal-10": $teal-10,
"green-65": $green-65,
"green-26": $green-26,
"green-10": $green-10,
);… it’s only adding the following:
{
"--bs-pink": "#FB328F",
"--bs-purple": "#443363",
"--bs-teal": "#268899",
"--bs-green": "#15CE20",
"--bs-white": "#FFF"
}Why aren’t black, pink-65, pink-26, etc. being included?
]]>The newest update (Version 1.2.1) has an issue with WooCommerce. When clicking on products to edit them, all text within the editor shows up white. The WooCommerce product data section does not show up at all. Most buttons and functions on the page stopped working. I reverted back to the 1.1.0 and it was fine.
]]>Hello all
altho it not affected the site it does show up in the health check
I get this message
The Authorization header is used by third-party applications you have approved for this site. Without this header, those apps cannot connect to your site.
If you are still seeing this warning after having tried the actions below, you may need to contact your hosting provider for further assistance.
it only happens on this theme so far. (tried 5 other themes)
any ideas on this ?
Many Thanks
David
Hi, after updating to v1.2.2, the skip link became visible even when not focused. I had to add the following CSS to hide it again:
.skip-link:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}It must have been a while since I last updated.
I saw that a commit was made back in March which made changes:
https://github.com/understrap/understrap/commit/c00c4003dbeac09debcf4a33f35b335b3cdb45d3
It extended the .visually-hidden-focusable class to .skip-link, which should have done basically the same thing I did in the CSS above. If you haven’t seen this problem pop up on any other sites, I’m wondering if maybe I messed while trying to slim down bootstrap’s CSS? Any ideas?
Thanks!
]]>Hi,
Love Understrap – but upgrading to new version 1.2 causes a fatal error when trying to display Post/Pages Libraries:
Post Library:
Fatal error: Uncaught Error: Call to undefined function understrap_get_select_control_class() in /homepages/12/d770347590/htdocs/beta/wp-content/themes/understrap/inc/widgets.php:44 Stack trace: #0 /homepages/12/d770347590/htdocs/beta/wp-includes/class-wp-hook.php(308): understrap_add_block_widget_categories_class(‘<select name=’…’, Array) #1 /homepages/12/d770347590/htdocs/beta/wp-includes/plugin.php(205): WP_Hook->apply_filters(‘<select name=’…’, Array) #2 /homepages/12/d770347590/htdocs/beta/wp-includes/category-template.php(479): apply_filters(‘wp_dropdown_cat…’, ‘<select name=’…’, Array) #3 /homepages/12/d770347590/htdocs/beta/wp-admin/includes/class-wp-posts-list-table.php(491): wp_dropdown_categories(Array) #4 /homepages/12/d770347590/htdocs/beta/wp-admin/includes/class-wp-posts-list-table.php(571): WP_Posts_List_Table->categories_dropdown(‘post’) #5 /homepages/12/d770347590/htdocs/beta/wp-admin/includes/class-wp-list-table.php(1419): WP_Posts_List_Table->extra_tablenav(‘top’) #6 /homepages/12/d770347590/htdocs/beta/wp-admin/includes/class-wp-list-table.php(1353): WP_List_Table->display_tablenav(‘top’) #7 /homepages/12/d770347590/htdocs/beta/wp-admin/edit.php(487): WP_List_Table->display() #8 {main} thrown in /homepages/12/d770347590/htdocs/beta/wp-content/themes/understrap/inc/widgets.php on line 44
Pages Library:
Fatal error: Uncaught Error: Call to undefined function understrap_get_select_control_class() in /homepages/12/d770347590/htdocs/beta/wp-content/themes/understrap/inc/widgets.php:44 Stack trace: #0 /homepages/12/d770347590/htdocs/beta/wp-includes/class-wp-hook.php(308): understrap_add_block_widget_categories_class(‘<select name=’…’, Array) #1 /homepages/12/d770347590/htdocs/beta/wp-includes/plugin.php(205): WP_Hook->apply_filters(‘<select name=’…’, Array) #2 /homepages/12/d770347590/htdocs/beta/wp-includes/category-template.php(479): apply_filters(‘wp_dropdown_cat…’, ‘<select name=’…’, Array) #3 /homepages/12/d770347590/htdocs/beta/wp-admin/includes/class-wp-posts-list-table.php(491): wp_dropdown_categories(Array) #4 /homepages/12/d770347590/htdocs/beta/wp-admin/includes/class-wp-posts-list-table.php(571): WP_Posts_List_Table->categories_dropdown(‘page’) #5 /homepages/12/d770347590/htdocs/beta/wp-admin/includes/class-wp-list-table.php(1419): WP_Posts_List_Table->extra_tablenav(‘top’) #6 /homepages/12/d770347590/htdocs/beta/wp-admin/includes/class-wp-list-table.php(1353): WP_List_Table->display_tablenav(‘top’) #7 /homepages/12/d770347590/htdocs/beta/wp-admin/edit.php(487): WP_List_Table->display() #8 {main} thrown in /homepages/12/d770347590/htdocs/beta/wp-content/themes/understrap/inc/widgets.php on line 44
Replacing widgets.php in new version with the equivalent from previous 1.0 version takes the fatal error away.
Best Wishes
]]>Hey guys, I just updated to version: 1.2.0 (from I believe 1.1.0), and now I don’t see the thumbnails for posts anymore.
Was that intentional?
]]>Hello. I would like to disable the sitenavigationelements markup in the menu. On which file should I make the change?
]]>I tried to update the theme but it broke my website. also checked the plugins by deactivating one by one in a view that they are effecting the theme but they are working fine. please guide/help me
]]>Hi, I’m developing a theme with understrap. After a while I wanted to resume development but when I do the npm watch function it gives me an error and it doesn’t compile. how can i make it work again? I would also like to know if I can update understrap to the latest version safely. I await your comments, thank you.
]]>Hello,
I was recently charged with updating this website (jeanbateman.com), but I don’t have much knowledge of WordPress and didn’t build it, so I apologize for my ignorance and lack of knowledge in advance.
I’was alerted that the website’s header menu does not display properly in Chrome and Edge. It does look the way it’s supposed to in Safari. In chrome the header menu is too wide, covers the top section images on every page and the icons on the left are all off. I’ve tried cleaning cache and deactivating some plug-ins, which didn’t work. I don’t see the option to install the previous version under my updates – only reinstall 5.9.3 – didn’t help. What can I do to fix it?
Thank you for your help!
]]>Hello. I am building a site with the latest Understrap, which uses BS5.
I am using contact-form7 for forms. In a previous Understrap there was a contact-form7.scss file in the sass/theme folder that extended the CF7 classes. So that a submit button got the BS .btn and .btn-primary classes. Like so:
// submit button, inherit .btn and .btn-primary classes.
input[type=submit] {
@extend .btn;
@extend .btn-primary;
}I copied this contact-form7.scss file to my theme folder and import it from my child-theme.scss
This seems to work (the file gets imported) however the submit button in my forms do not get the BS classes.
What am I missing here?
Thanks.
Understrap Child: Insert any of these code snippets inside <body> tag.
I have looked, but can’t find any place to insert
<?php do_shortcode('[WP_HEADER_IMAGES]'); ?>
In the child theme.
]]>I am using the latest version of understrap with the understrap child theme.
I have created a custom post type called event. I then wanted to override the single post template, so created a new custom post template called single–event.php. However, this is not overriding the single.php template. When I use exactly the same code in one of the WordPress themes it works fine, so I am thinking it must be an issue somewhere with understrap. I would be very grateful for any assistance in finding what the issue may be.
Many thanks
]]>Hi everyone
After I upgraded to Understrap 1.1, dropdowns of main menu are not working in website pages (other than Main page)
Any help please
Thanks in advance
I am using Understrap to build a WooCommerce webshop. I am working on the products page. To use the powerful BS grid instead of the WC columns I added a .row in archive-products and BS .col-XX-X classses to the content-product template part. I removed the wc_get_loop_prop from loop-start.php and replaced that with “products”.
That should do the trick but it doesn’t work completely as you expect. And if you change the number of products per row in the customiser->WooCommerce then the number of products on the products catalog still changes.
So there is still the WooCommerce columns thing going on but how and where? Have done this several times before but I am sort of stuck this time.
Thanks!
//EDIT
seems I struggled with this before: https://github.com/understrap/understrap/issues/313
I did manage to solve it but can’t remember how…
Hello,
I have been using Understrap for years to build websites. Now I am working on a new project so I finally upgraded to the 1.0 version. I am using the official Understrap child theme.
I am using Codekit to build and manage my projects. Codekit uses DART to compile Sass.
Works fine, as I expected, but I am getting a lot of warnings when compiling. like so:
Dart Sass compiled successfully, but with warnings:
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
?
302 │ $headings-margin-bottom: $spacer / 2 !default;
│ ^^^^^^^^^^^
?
assets/bootstrap4/_variables.scss 302:31 @import
assets/bootstrap4/bootstrap.scss 9:9 @import
child-theme.scss 2:9 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($input-padding-y, 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
?
498 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
│ ^^^^^^^^^^^^^^^^^^^^
?
assets/bootstrap4/_variables.scss 498:73 @import
assets/bootstrap4/bootstrap.scss 9:9 @import
child-theme.scss 2:9 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($custom-control-indicator-size, 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
?
568 │ $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
?
assets/bootstrap4/_variables.scss 568:49 @import
assets/bootstrap4/bootstrap.scss 9:9 @import
child-theme.scss 2:9 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
?
713 │ $nav-divider-margin-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
?
assets/bootstrap4/_variables.scss 713:37 @import
assets/bootstrap4/bootstrap.scss 9:9 @import
child-theme.scss 2:9 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
?
718 │ $navbar-padding-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
?
assets/bootstrap4/_variables.scss 718:37 @import
assets/bootstrap4/bootstrap.scss 9:9 @import
child-theme.scss 2:9 root stylesheet
WARNING: The <code>make-container-max-widths</code> mixin has been deprecated as of v4.5.2. It will be removed entirely in v5.
assets/bootstrap4/mixins/_deprecate.scss 8:5 deprecate()
assets/bootstrap4/mixins/_grid.scss 27:3 make-container-max-widths()
assets/understrap/theme/_blocks.scss 52:4 @import
child-theme.scss 14:9 root stylesheet
WARNING: The <code>make-container-max-widths</code> mixin has been deprecated as of v4.5.2. It will be removed entirely in v5.
assets/bootstrap4/mixins/_deprecate.scss 8:5 deprecate()
assets/bootstrap4/mixins/_grid.scss 27:3 make-container-max-widths()
assets/understrap/theme/_blocks.scss 64:4 @import
child-theme.scss 14:9 root stylesheet
WARNING: 72 repetitive deprecation warnings omitted.
Run in verbose mode to see all warnings.So what to think of this? Is this something that need to be fixed or is it a sign that things will go wrong in the future?
Thanks
Bob
Hi Experts,
Can someone Help me to understand how popper.js imported the library in rollup.config.js and how it include in the compiled file? does popper.js is part of the bootstrap compilation?
Then this code is declaring popper.js to “popper” as global variable?
const globals = {
jquery: 'jQuery', // Ensure we use jQuery which is always available even in noConflict mode
'popper.js': 'Popper'
}is that how it’s been imported?
Please enlighten my knowledge.
Thank you.
Hi Experts,
Can someone Help me to understand how popper.js imported, or its library in rollup.config.js and how it include in the compiled file? base on this documentation: https://getbootstrap.com/docs/5.1/getting-started/introduction/. I should expect to see this library to be included and how its been imported.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>.
const globals = {
jquery: 'jQuery', // Ensure we use jQuery which is always available even in noConflict mode
'popper.js': 'Popper'
}what this popper.js property used for in rollup.config.js
Thank you guys
]]>Hi Experts, I just want to ask what this line of code does ?
`return {
map: ctx.file.dirname.includes(‘examples’) ?
false :
{
I already tried to research it but I can’t find any documentation relates to it, and I already ask to stack overflow but there is still no answer after 2 days.
Please enlighten my knowledge.
Thank you.