Column Width Issue

[Dan Cole]

Got another coding issue I'm stuck on.  I'm working on updating a payment module and want to display a message in the Payment Information area on the checkout confirmation page as shown below.

I'm referring to the area shown in the alert danger color.  The width is hard coded (sort of) as....

echo '<div class="col-sm-6">';

within the checkout_confirmation.php page.  I want to change that to col-sm-12 so it will show full width but that seems to require a core change that   I'm trying to avoid.  Anyone have a suggestion to accomplish what I want with touching the core?

Here is the look I'm trying to achieve.

Am I stuck making a core code change?

Dan

[♥JcMagpie]

All depends on how you are achiving the out put but this should help, "block"

https://getbootstrap.com/docs/4.0/utilities/display/

[♥ecartz]

8 minutes ago, Dan Cole said:

I'm referring to the area shown in the alert danger color.  The width is hard coded (sort of) as....

echo '<div class="col-sm-6">';

I don't see that code in the core checkout_confirmation.php page.  Could you perhaps point to where you see it? 

Unrelated to your question, but "log in to" is misspelled in your text. 

[Dan Cole]

 

2 minutes ago, ecartz said:

I don't see that code in the core checkout_confirmation.php page.  Could you perhaps point to where you see it? 

Happy to....should be line 221.

Dan

PS: Also thanks for pointing out my spelling mistake. It's always a challenge getting what's in my head to reach the screen.

[♥ecartz]

Here's line 221 in the current version: 

      echo '</div>';

A little more looking with blame found this commit which  changed the line you described to

       echo '<div class="col">';

So you should just be able to update to the latest version of that page, as released in 1.0.3.0. 

[Dan Cole]

Thanks guys....I decided to just update the page to the 1.0.3.0 version, as Matt suggested, since it also added some selectors that I could style.

Dan