Jump to content
  • 0

Przelewy24 - Zmiana Wielkości Boxa W Oknie Wyboru Metody Płatności


marcinkukla

Question

Patrze i patrze w ten kod - i nie mogę wypatrzeć w którym miejscu mogę zmodyfikować szerokość boxa - przycisku odpowiadającego za przelewy 24 - skaluje się do maksymalnej szerokości strony a chce żeby skalował się do połowy szerokośći - tak jak pozostałe przyciski

 

 
 
{foreach $p24_channels_list as $item}
<div class="row">
<div class="{if !empty($p24_gate_class)}{$p24_gate_class}{else}col-xs-12 col-md-12{/if}">
<p class="payment_module p24-payment-module">
<a href="{$item.url}" title="{l s='Pay with' mod='przelewy24'} {$item.name}"
{if $p24_gate_logo == 0}
style="background-image: url({$item.logo}); background-position: 1em center; background-repeat: no-repeat; background-size: 64px auto;"
{/if}
>
{if $p24_gate_logo == 1}
<img src="{$item.logo}" width="64">
{/if}
{l s='Pay with' mod='przelewy24'} {$item.name}{if $item.desc} <span>{$item.desc}</span>{/if}
</a>
</p>
</div>
</div>
{/foreach}
 
{if $p24_gate_logo == 0}
<style>
.p24-payment-module a {
min-height: 25px;
padding-left: 95px;
}
</style>
{/if}
 
{if $p24_chevron_right == 1}
<style>
.p24-payment-module a:after {
display: block;
content: "\f054";
position: absolute;
right: 15px;
margin-top: -11px;
top: 50%;
font-family: "FontAwesome";
font-size: 25px;
height: 22px;
width: 14px;
color: #777;
}
</style>
{/if}
 
Jaką zmianę w kodzie powinienem wprowadzić aby box - przycisk - na przeglądarce miał szerokość 1/2 ekranu?
 
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Nie zadziałało tak jak chciałem

 

 
{foreach $p24_channels_list as $item}
<div class="row">
<div class="{if !empty($p24_gate_class)}{$p24_gate_class}{else}col-xs-6 col-md-6{/if}">
<p class="payment_module p24-payment-module">
<a href="{$item.url}" title="{l s='Pay with' mod='przelewy24'} {$item.name}"
{if $p24_gate_logo == 0}
style="background-image: url({$item.logo}); background-position: 1em center; background-repeat: no-repeat; background-size: 64px auto;"
{/if}
>
{if $p24_gate_logo == 1}
<img src="{$item.logo}" width="64">
{/if}
{l s='Pay with' mod='przelewy24'} {$item.name}{if $item.desc} <span>{$item.desc}</span>{/if}
</a>
</p>
</div>
</div>
{/foreach}
 
{if $p24_gate_logo == 0}
<style>
.p24-payment-module a {
min-height: 25px;
padding-left: 95px;
}
</style>
{/if}
 
{if $p24_chevron_right == 1}
<style>
.p24-payment-module a:after {
display: block;
content: "\f054";
position: absolute;
right: 15px;
margin-top: -11px;
top: 50%;
font-family: "FontAwesome";
font-size: 25px;
height: 22px;
width: 14px;
color: #777;
}
</style>
{/if}
 
 
 
Bo teraz przy zmniejszeniu wielkości okna - box z przelwy 24 dalej zmniejsza się do połowy wielkości strony a pozostałe działają responsywnie - dostowowują swą szerokość do szerokości ekranu
 
FE4xqhp.png
Edited by marcinkukla (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...