Submit & Next button too small causing problems. Make button and text larger?

  • Posts: 92
  • Thank you received: 0
7 years 9 months ago #262205

-- HikaShop version -- : 3.00
-- Joomla version -- : 3.6.5

I have a number of customers who are having problems seeing my next button. I recently upgraded and changed from paypal advanced to paypal pro. Not sure which one of these changed the button but its super tiny now and customers are having a hard time seeing it and finishing the checkout.

See attachment

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 9 months ago #262209

Hi,

The style of the buttons depends on the CSS of your template.
I can see that you've actually already changed the CSS for that :
monosnap.com/file/lEI6LNpDVUlNtpaa4x9jwjRG9gtWHY

Please Log in or Create an account to join the conversation.

  • Posts: 92
  • Thank you received: 0
7 years 9 months ago #262357

Nope I didnt fix it. Just have been working on it to try to fix other problems I turned on the "legacy" options and it allowed the buttons to be larger. Still having issues with the popup box working. See my other forum post maybe its related:

My website is back to small buttons, can you point me where I need to make changes to fix this. I am also have issues with the popup working at all when NOT in legacy mode. I have configured the plugin but doesnt seem to be working, can you see other forum post maybe these issues are related?

www.hikashop.com/forum/checkout/888822-s...-dialog-is-used.html

buttons are back to small text and missing popup completely as I turned legacy mode off as requested by other moderator.

Thanks for your help. Just need a working site since the update I have lost lots of money as none of the paypal plugins work anymore.

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 9 months ago #262361

Hi,

The buttons that you are referring to are using the "CSS button" setting in HikaShop.
www.hikashop.com/support/documentation/5...fig.html#display_css

Please indicate your HikaShop 3.0.0 build number (first available setting in the HikaShop configuration panel).
www.hikashop.com/support/documentation/5...onfig.html#main_main

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 92
  • Thank you received: 0
7 years 9 months ago #262462

HikaShop Essential 3.0.0 [1702151248]

Why does it work legacy mode but not 3.0 what do i need to do to make 3.0 work and have proper buttons like legacy mode. How do i get the info from legacy and make those settings work to make current button as it shows with "legacy turned on" .

Please let me know where to find the setting in legacy and where change the setting in 3.0 to make this work properly with out legacy turned on.

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 9 months ago #262467

Hi,

In the Display tab of the HikaShop configuration, you'll find new CSS class for button settings.
There, enter the CSS class that was used by the buttons before the update and your buttons will switch to these instead of the new button class and its new CSS.

Please Log in or Create an account to join the conversation.

  • Posts: 92
  • Thank you received: 0
7 years 9 months ago #262626

Okay after playing a lot with firebug I finally got it part way there. My add to cart buttons seem to be correct. However some other buttons dont seem to be taking the code completely. What I mean is they are taking the black button background but they do not have the white text. So it ends up black button with black text. Should be black button with white text.


Buttons that have an issue:

1.In both shopping cart moduals the "proceed to checkout" button has grey or black text instead of white.
2. The "add" button where it says "enter your coupon" there is a text field and a solid black button with black text that says "add" on the button but the text isnt visible because its black text on black background button. This is in the checkout process on last page.

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 9 months ago #262680

I see that you have that CSS added by your template:
a.btn {
color: #333 !important;
}
But since all your buttons are black with a white text, you should change that CSS to:
a.btn {
color: white !important;
}

That will fix the problem.

Please Log in or Create an account to join the conversation.

  • Posts: 92
  • Thank you received: 0
7 years 9 months ago #262800

That fixed the "proceed to checkout" button but the other (add coupon code) button is still just solid black text on black background.

I dug though the code in the same process to try to fix it with the "add" coupon code button. But when I looked at the code everything showed black button background and white text.

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 9 months ago #262808

Hi,

For this one, you have some CSS from the template forcing the font size to 0.
Add such code to prevent that:
.hikabtn_checkout_coupon_add{
font-size: 16px !important;
}

Please Log in or Create an account to join the conversation.

Time to create page: 0.080 seconds
Powered by Kunena Forum