Forum Replies Created

Viewing 15 replies - 1 through 15 (of 34 total)
  • Hi again,

    Ok. I will do that.
    Thank you very much!

    Kind regards,
    gianilsson

    Hi again,

    Thank you very much!! This plugin is so great!!
    I have used extra css-code to get the payment icons in the checkout in that sizes I want to show them and it has worked great until recently.

    But after the latest updates (WooCommerce?) the payment icons now have changed sizes in the checkout and are now strechted and only 20px height (except for the PayPal-icon that is OK in size but not perfect, but I can not figure out what the difference is between the different payment icons). And I am not able to get three of the payment icons heigher than 20px any longer …

    This is the extra CSS-code I have been used:

    /*For Svea Faktura logo*/
    .woocommerce-checkout  #payment 
    .payment_method_sveawebpay_invoice
    img{width: 82px !important;
     height: 49px !important;
     max-width: none !important;}

    The extra CSS-code for the PayPal-icon:

    /*For Paypal Payment logo*/
    .woocommerce-checkout #payment 
    .payment_method_paypal 
    img{width: 150px !important;  
     height: 49px !important;  
     max-width: none !important;}

    Here is a link to an image to show you how the payment icons shows in the checkout.

    What can I do to get these icons in the sizes that I want to show them?

    Thank you in advance!

    Kind regards,
    gianilsson

    • This reply was modified 1 month, 4 weeks ago by gianilsson.
    • This reply was modified 1 month, 4 weeks ago by gianilsson.
    • This reply was modified 1 month, 4 weeks ago by gianilsson.
    • This reply was modified 1 month, 4 weeks ago by gianilsson.
    • This reply was modified 1 month, 4 weeks ago by gianilsson.

    Resolved.

    • This reply was modified 4 months, 2 weeks ago by gianilsson.
    gianilsson

    (@gianilsson)

    Hi again,

    If I understand you correctly, you mean that the code should look like this:

    
    .logged-in .wc_payment_method label, .logged-in .woocommerce-PaymentMethod label {
        width: auto;
        padding: 0 !important;
    }

    And I think you mean that I should add this code in the extra css? I tried that, but it didn’t worked, but maybe I did something wrong … or maybe you meant that I should add this code to the file /wp-content/cache/css/f9f7d.css ? I tried that too, but it didn’t worked either …

    Maybe I have misundertood something in the code …

    Thank you very much!! 🙂

    gianilsson

    (@gianilsson)

    Hi again serafinnyc,

    I just want to mention that when I am logged in to WordPress admin, and at the same time is in the webshop in another tab and goes to the checkout, the different part payment plans under “Svea Delbetalning” are displayed in the same way as earlier.

    If I log out of WordPress admin and then go to the checkout in the webshop again, then everything looks great again under “Svea Delbetalning”!! 🙂

    It doesn’t really matter to me, for the important thing is that it looks good for the customer! 🙂 But I just want to mention it to you in case this does matter (somehow) for the css code.

    Thank you very much for all your help!! 🙂 I am so happy!! 🙂

    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.
    gianilsson

    (@gianilsson)

    Hi again serafinnyc,

    You are fantastic!! I found the css-file – it was in the following directory: /wp-content/cache/css/f9f7d.css

    So I did exactly that you told me to do – and voila!! It worked!! Thank you!! 🙂 Is it possible to get the radio-buttons centered before the text?

    Is this file going to be updated so the line you told me to remove in the f9f7d.css-file comes back again? If so, can I do so something to prevent that?

    If you would like to check how it looks in the checkout now – please, remember to add products in the shopping bag for at least 1000 SEK (otherwise the “SveaWebPay Delbetalning” won’t show).

    Again, thank you so much for all your help and for your patience!!! 🙂

    • This reply was modified 7 months ago by gianilsson.
    gianilsson

    (@gianilsson)

    Ok! Thank you very much, serafinnyc!! 🙂

    gianilsson

    (@gianilsson)

    Hi again serafinnyc,

    Ok.

    Ok, the entire line! If I find that css code and delete the entire line – do you think the line comes back again in the next update?

    .wc_payment_method label, .woocommerce-PaymentMethod label {
        display: inline !important; <-- this needs to be removed 
        width: auto;
        padding: 0 !important;
    }

    Again, thank you so much for all your help!! 🙂

    • This reply was modified 7 months ago by gianilsson.
    gianilsson

    (@gianilsson)

    Hi again serafinnyc,

    I have looked after the CSS file F9F7D, but I can not find it … I have checked so many css-files now, but I can not find it … I haven’t checked all the plugins yet, but some of them …

    I guess you mean that !important needs to be removed in the following code, right? But after next update, !important is going to be back in the code again, right?

    .wc_payment_method label, .woocommerce-PaymentMethod label {
        display: inline !important; <-- this needs to be removed 
        width: auto;
        padding: 0 !important;
    }

    Ok, I understand that they havn’t coded it so great …

    However, If I found the css-file F9F7D – do you think it is possible to do the changes I would like to do with extra css-code? Or do you think it is impossible without a child theme to do the changes I would like to do?

    Thank you so much for your help!! 🙂

    PS: I deactivate the test mode now on “Svea Delbetalningar”.

    • This reply was modified 7 months ago by gianilsson.
    gianilsson

    (@gianilsson)

    Hi agian,

    Could it be that the “part payment plans” shows different in different browsers, so that in some browsers will one “part payment plan” shows per every row? But as you can see in the picture, in my browser it looks messy:
    http://oi65.tinypic.com/2roj4ea.jpg

    I have now set the payment method “SveaWebPay Delbetalning” in test mode (that is the only payment method that is set in test mode right now). You can “buy” this article:
    https://estelle.nu/produkt/bank-100-cm/

    and then in the checkout you have to choose the payment method “SveaWebPay Delbetalning” and right below you have to enter this number under PERSONNUMMER (it is in red text)

    4605092222

    and after that you click on “Hamta adress“-button (it is a green button). Check the box “Jag har läst och godkänner webbplatsens villkor” (=terms) and then click on “SLUTFÖR KÖP“-button (it is a black button at the bottom).

    Please, let me know when you have tested it enough! Thank you very much for your help!! 🙂

    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.
    gianilsson

    (@gianilsson)

    Hi again serafinnyc,

    Do you mean an invoice number to test the “Part payment” plan options?

    • This reply was modified 7 months ago by gianilsson.
    gianilsson

    (@gianilsson)

    The post is deleted.

    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.
    gianilsson

    (@gianilsson)

    Hi again serafinnyc,

    Thank you so much for all your help!!!!
    The css-code to change the size of the SVEA-logo works ABSOLUTELY PERFECT!! Thank you so much!!!! 🙂

    I truly understand you don’t want to register!! Of course!! On the following image I show you how I would like it to be – one “Part payment” plan option on each separate row:
    http://oi63.tinypic.com/2zretfl.jpg

    Is that something that can be fixed with extra css-code?

    Because as it is right now, the “Part payment” plan options are displayed in a messy way: http://oi65.tinypic.com/2roj4ea.jpg

    Is it possible to add an image to this extra css-code? If so, how and where? (I was looking at the code you gave me regarding the SVEA-logo and only changed the payment_method)

    .woocommerce #payment .payment_methods.methods label[for=”payment_method_payment_method_bacs”] img {
    width:81px !important;
    height:35px !important;
    max-width:none !important;

    }

    I have never used child theme before, but I have now tried to add a child theme to my website. First by manually adding a directory + style.css + functions.php but I couldn’t get it to work properly (the website became only white). Then I tried two different child theme-plugins (I thought maybe that was safer to me) but unfortunately the first plugin changed the website so things like logo and colors disappered from the original website – and the second plugin (Child Theme Configurator) gave me following info, but I don’t know exactly what that means:
    http://oi63.tinypic.com/28cq0qs.jpg

    I am really sorry, but I think I am now too scared to even try to add a child theme one more time to my website and I feel terrible that you have spent a lot of time to trying to help me with code to add in a child theme!! I really, really apologize for that!!!!!! So please, do not spend any more time to help me with “child theme-code”!!

    It is another thing with extra CSS-code – is so much easier.
    Thank you very much!!

    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.
    • This reply was modified 7 months ago by gianilsson.

    Hi again serafinnyc,

    Yes, the SVEA-plugin is free. The creator of this plugin told me that the appearance of the various Part payment plans looks different in different themes etc.

    Here is a link to my website: https://estelle.nu
    The part payment only shows in the checkout when the order amount exceeds 1000 SEK.

    Ok, I understand. Thank you so much for your help!! 🙂

    • This reply was modified 7 months, 1 week ago by gianilsson.
    • This reply was modified 7 months, 1 week ago by gianilsson.

    Hi again serafinnyc,

    Thank you for your reply!
    Yes, SVEA is a plugin (WooCommerce SveaWebPay Payment Gateway).

    I am gonna look into the code you wrote tomorrow (it is almost midnight here now).
    Thank you! 🙂

Viewing 15 replies - 1 through 15 (of 34 total)