Support Team
posted this
22 May 2019
Hi Chris,
The issue happens on the pages where styles of the com_eshop component are used:
https://www.maplesflowers.co.uk/components/com_eshop/themes/default/css/style.css
The style sheet file of this component applies a vertical align top to ALL SVG icons:
audio, canvas, iframe, img, svg, video {
vertical-align: top!important;
}
This code breaks the layout of the Nicepage icons.
You can override this behavior with the following css code:
.u-svg-link {
vertical-align: baseline!important;
}
This code can be added on each problem page in Nicepage, manually to the component style sheet file or to the Site Settings >> in Nicepage Desktop to apply it in the theme.
...................................................
Sincerely,
Olivia
Nicepage Support Team
Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp
Hi Chris,
The issue happens on the pages where styles of the com_eshop component are used:
https://www.maplesflowers.co.uk/components/com_eshop/themes/default/css/style.css
The style sheet file of this component applies a vertical align top to ALL SVG icons:
audio, canvas, iframe, img, svg, video {
vertical-align: top!important;
}
This code breaks the layout of the Nicepage icons.
You can override this behavior with the following css code:
.u-svg-link {
vertical-align: baseline!important;
}
This code can be added on each problem page in Nicepage, manually to the component style sheet file or to the Site Settings >> in Nicepage Desktop to apply it in the theme.
...................................................
Sincerely,
Olivia
Nicepage Support Team
Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp