Issue with ‘Place Order’ Button in TutorStarter Theme with CartFlows Plugin

Hello @seeken

Thank you for reaching out and providing detailed information about the issue you’re encountering with the ‘Place Order’ button on the WooCommerce checkout page while using the TutorStarter theme in conjunction with the CartFlows plugin.

This issue is likely due to CSS conflicts or overrides specific to the TutorStarter theme.
Steps to Resolve:

Custom CSS Override:

You can apply custom CSS to specifically target and correct the button styling when using the TutorStarter theme. Here’s an example of CSS you can try:

/* Target the Place Order button on WooCommerce checkout page */
.woocommerce #place_order {
    background-color: #882348 !important; /* Set button background to black */
    color: #fff; /* Set button text color to white */
    font-size: 26px; /* Adjust the font size */
    padding: 20px 40px; /* Adjust padding for a larger button */
    border: none; /* Remove any borders */
}

/* Ensure button text is consistent */
.woocommerce #place_order::before {
    content: 'Place Order'; /* Override text content */
}

Add this custom CSS to your site via the Custom CSS option in the WordPress Customizer (Appearance > Customize > Additional CSS).

Please try applying the custom CSS or adjusting theme settings as suggested above. If these solutions do not resolve the issue, feel free to reach out again.

Best regards,

Taufik Hasan
Tech Support at Themeum

Hello @wptaufik,

Thank you for the assistance. The fix has corrected the button styling, but the text has not been replaced as expected, the lock icon at the top is still missing, and the price amount has not been added to the button.

Can you please fix this bug in your theme files and release the new version?

• This reply was modified 3 months, 1 week ago by seeken.

Hello @seeken

Thank you for reaching out with your suggestion. We appreciate your feedback on enhancing the functionality of TutorStarter. I will forward your request to our development team for consideration. While I can’t guarantee immediate implementation, your input is valuable in shaping future updates to our platform. If you have any further suggestions or questions, feel free to let us know.

Best regards,

Taufik Hasan
Tech Support at Themeum

Okay.

Your provided CSS did fix the styling but text has not been replaced as expected, the lock icon at the top is still missing, and the price amount has not been added to the button.

Hello @seeken ,

Thank you for your follow-up. I completely understand how important it is to have a seamless purchasing experience for your users. I appreciate your patience, and I have a solution that should resolve the remaining issues you’ve encountered.

Here’s what you can do:

Step 1: Remove the Custom CSS

If you’ve added any custom CSS based on my previous instructions, please remove it as it might be conflicting with the other elements.

Step 2: Install the Code Snippets Plugin

1. Install the Plugin:

• Download and install the “Code Snippets” plugin, You can install the “Code Snippets” plugin directly from the WordPress plugin repository.

1. Add a New Snippet:

• Go to Plugins > Code Snippets > Add New.
• Give your snippet a title, such as “Place Order Button Fix”.

1. Add the Code:

• In the Function PHP mode, paste the following code:

   add_action('init', function() {
       // Remove the custom filter that modifies the WooCommerce order button HTML
       remove_filter('woocommerce_order_button_html', 'tutorstarter_order_btn_html');
   });

4. Run the Snippet:

• Ensure that the Run snippet everywhere radio button is selected.
• Save and activate the snippet.

Step 3: Manage the Snippet

• If you ever need to disable this fix, simply go back to the Code Snippets dashboard, find the snippet by the title you gave it, and toggle it off.

This should correct the text on the button, restore the lock icon, and ensure the price amount is displayed correctly.

If the issue persists or if you need further assistance, please don’t hesitate to reach out. I’m here to help!

Best regards,
Taufik Hasan

• This reply was modified 2 months ago by Taufik Hasan.