ricp
New member
You use https://ckeditor.com for styling and formatting of your forum entries. Absolutely nothing wrong with that, CKE has been around for what seems like decades and I've rolled it into numerous sites in the past.
The problem however is that you have failed to properly style it (via CSS), so the page/cke defaults are being picked up which leaves the image upload/hyperlinking dialog looking a complete mess as you can see from these screenshots:
Black text on dark background, the upload file button is unstyled and unintuitive.
Same as above regarding dark text on dark background, but adds the extra sin of white text on white background for the URL.
** These screenshots are from Firefox (v64.0) on Windows 10. Other browsers may differ but this is core CSS so it really shouldn't. **
Ok, quick fixes? Sure I can do that here, but really you need to have someone with a webdev background to have a proper look at it. As CSS defines rule supersedence based on all sorts of weighted factors the simplest way is to apply (either inline or via a file) a fix applied after all other CSS has been interpreted. Luckily I have a two line addition that will resolve the issues both with the image upload/hyperlink but also the video embed dialog:
I would also amend the #uploadbutton rule to shift the button a little, perhaps like this:
Now don't get me wrong, this will not stop it looking horrible, but it will resolve the issues of text not being visible, as can be seen here:
If this was my own project I'd spend a lot longer getting it looking better but to be honest the forum is looking pretty old and there is only so much polishing you can do. I'm also no fan of vBulletin (for all sorts of reasons, from poor HTML to not being free when thousands of better products are!) but this is not the place to convince you to change.
If you could amend this minor bit it would make adding or linking images or videos a whole lot less annoying. Thanks in advance. If you are unsure of anything then just ask I'm happy to explain. Honestly, though, it should be fairly straight forward.
The problem however is that you have failed to properly style it (via CSS), so the page/cke defaults are being picked up which leaves the image upload/hyperlinking dialog looking a complete mess as you can see from these screenshots:
Black text on dark background, the upload file button is unstyled and unintuitive.
Same as above regarding dark text on dark background, but adds the extra sin of white text on white background for the URL.
** These screenshots are from Firefox (v64.0) on Windows 10. Other browsers may differ but this is core CSS so it really shouldn't. **
Ok, quick fixes? Sure I can do that here, but really you need to have someone with a webdev background to have a proper look at it. As CSS defines rule supersedence based on all sorts of weighted factors the simplest way is to apply (either inline or via a file) a fix applied after all other CSS has been interpreted. Luckily I have a two line addition that will resolve the issues both with the image upload/hyperlink but also the video embed dialog:
Code:
.cke_dialog_page_contents, #cke_101_textInput, #fileupload1 { background-color:#fff;color:#000 }
#uploadbutton { background-color:#641010;}
Code:
#uploadbutton { background-color:#641010; margin: 5px; padding:2px 5px; }If this was my own project I'd spend a lot longer getting it looking better but to be honest the forum is looking pretty old and there is only so much polishing you can do. I'm also no fan of vBulletin (for all sorts of reasons, from poor HTML to not being free when thousands of better products are!) but this is not the place to convince you to change.
If you could amend this minor bit it would make adding or linking images or videos a whole lot less annoying. Thanks in advance. If you are unsure of anything then just ask I'm happy to explain. Honestly, though, it should be fairly straight forward.
