Archived topic
Display issues
5 replies · Started by ammgbr on April 28, 2022
I have for the first time been experiencing a couple issues re how things are displayed.
For instance, below my hero image I have an h2 title that appears fine on desktop, however on mobile it appears folded back to itself.
Also, I have an underline link on hover which does not work - instead links remain underlined actively. My links are also set via customiser>colours to change colour to blue on hover, this does not work.
I would be grateful for your input.
Hello there,
The Headline Block seemingly “folding back to itself” is a result of the small line height set.
Can you edit the Headline Block and go to Mobile View and Modify/remove the Line-height value. Example: https://share.getcloudapp.com/nOuRODWA
Then, with regards to the underlined links, may you link us to a page in your site where this issue is evident?
Kindly let us know. :)
Many thanks for your reply, the line issue is now fixed.
Regarding the way links are displayed I have provided a link privately. The colour change on hover does not change & the link stays underlined as opposed when on hover
Hi there,
you're using a block plugin to add the accordions and an icon list and it is that plugin that is setting those styles.
Is there an option in the plugin to change its styles? Specifically the Icon List by the looks of it.
If there isn't then you can try using this CSS:
.wp-block-kadence-iconlist a:not(:hover) {
text-decoration: none;
}
.wp-block-kadence-iconlist a:hover {
color: #2500ff !important;
}Thank you David, the CSS solution worked.
Glad to hear that!
