Bold, Italics and Underline not working in Redactor

Permalink
Hi There,

I have a custom theme implemented and I have placed a content box onto my page. Now when I edit the page using google chrome or Firefox, the Bold, Italics and Underline buttons in Redactor seem to work normally, but when I edit the same block using IE10 or IE 11, these buttons don't work at all.

Someone please help me with this, please ask for any additional information that you may require.

Thanks,
Syed Mushran

 
tallacman replied on at Permalink Reply
tallacman
What can we say about IE that hasn't been said. I here MS Edge is better but...
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi syedmushran,

I just tested bold, italics, and underline in Redactor using IE10 and IE11. All work as expected.

Do you have errors in your browser console when using Redactor and attempting to use these text formatting buttons?
syedmushran replied on at Permalink Reply
Hi MrKDilkington,

No. I don't see any errors in the console, I found out that, it isn't even working properly in Chrome and Firefox as well, it just keeps adding strong tags when I click on the "bold button" but doesn't toggle the existing tag.
MrKDilkington replied on at Permalink Reply
MrKDilkington
@syedmushran

Are you selecting the text, not just placing the cursor in the text, before clicking on the formatting buttons?

You can try making a screen recording of what you are experiencing using Jing.
https://www.techsmith.com/jing.html...
syedmushran replied on at Permalink Reply
@MrKDilkington

I have recorded the issue, you can view it at http://screencast.com/t/Faqd4XsRv...

I really appreciate your presence on this forum. :)
MrKDilkington replied on at Permalink Reply
MrKDilkington
@syedmushran

Are you using a custom theme?

Are you using custom blocks?

Have you made any other code modifications to your site?

Does this happen if you use the default Elemental theme without custom blocks?
syedmushran replied on at Permalink Reply
Hi MrKDilkington,

I followed your steps to troubleshoot the issue, and I found out that the problem was from my CSS file indeed. I had added
.redactor span { display: inline-block;}
to fix misaligned "Save" and "Cancel" buttons. Everything started working like before once I removed that line.
Hope it helps someone else.
mohammedfaqruddin replied on at Permalink Reply
mohammedfaqruddin
Hi Syed Mushran,

I think you must have messed up with some of the styles applied to the custom theme.
syedmushran replied on at Permalink Reply
Hi mohammedfaqruddin,

Yes indeed it was from my CSS file. Refer my reply to MrKDilkington to see how I solved it. Thanks for your help!
deanhawthornthwaite replied on at Permalink Reply
deanhawthornthwaite
please could you tell me what CSS file you are referring too and where i will find it?