|
Wassim Zeidan
|
August 8, 2019 at 9:50 am
I am now using EE3 but I am testing EE4 to replace it
The theme I am using works fine with but I am having few CSS compatibility issues specially with the buttons
I took screenshots when I  and when I
|
|
Wassim Zeidan
|
August 8, 2019 at 9:52 am
Sory, thought that the links worked , please find them below
Twenty-Nineteen Theme
My Theme
|
|
Josh
|
August 8, 2019 at 9:58 am
Hi,
May I ask what exactly are the issues you’re having with the CSS? Your screensheets each show a button, and each button is rendered as a button should be, but maybe you’re expecting the button to display in some other way?
|
|
Wassim Zeidan
|
August 8, 2019 at 10:04 am
Hi Josh,
I just noticed that the My Theme image enlarged the button.
Please follow this link and you will notice that the button is too small to be noticed, if you continue with the registration, till the checkout page and you scroll-down till the end, you will see the Proceed to finalize registration button is almost not clear to see
|
|
Josh
|
August 8, 2019 at 10:26 am
Hi,
Your theme is setting the font-size for buttons and inputs quite small, so that’s why the buttons are small. It’d be good to contact the theme author and ask them to bump up the text sizes for these.
Here’s a screenshot of the inspector that shows the CSS in question:
https://slack-files.com/T02SY781D-FM08G4GC9-611e205bf8
Here’s another screenshot that shows where the inspector was used to bump up the text size:
https://slack-files.com/T02SY781D-FM6JQJPK2-730a148b5e
You can override the theme’s styles by adding the following to your custom CSS editor:
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-size: 1.5rem;
}
|
|
Wassim Zeidan
|
August 11, 2019 at 3:02 am
Thx Josh, it is working fine now, but I will contact the theme author to solve it from his side
|
