I can confirm this does not happen in Firefox, but it does in Google Chrome. I don't use Firefox, generally, but downloaded it to test this out 🙂
Â
I can confirm this does not happen in Firefox, but it does in Google Chrome. I don't use Firefox, generally, but downloaded it to test this out 🙂
Â
There has been a change made somewhere because there's extra HTML being produced which is causing the display issues. Part of your page reads:
<div id="elPostFeed" data-role="commentFeed" data-controller="core.front.core.moderation">
<form action="http://www.rootie.me/index.php?/topic/3-another-one/&csrfKey=303e74727f4abec4e5a458eb5ba13f09&do=multimodComment" method="post" data-ipspageaction="" data-role="moderationTools" wtx-context="671E420D-8011-4B97-83DB-B59165344F14">
<a id="comment-3"></a>
<article data-membergroup="4" id="elComment_3" class="cPost ipsBox ipsResponsive_pull ipsComment ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone ipsComment_highlighted ">
<div class="ipsResponsive_showPhone ipsComment_badges">
<ul class="ipsList_reset ipsFlex ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1">
<li><strong class="ipsBadge ipsBadge_large ipsBadge_highlightedGroup">Administrators</strong></li>
</ul>
</div>
<div class="cAuthorPane_mobile ipsResponsive_showPhone">
<div class="cAuthorPane_photo">
<a href="http://www.rootie.me/index.php?/profile/1-editname/" data-ipshover="" data-ipshover-target="http://www.rootie.me/index.php?/profile/1-editname/&do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to Editname's profile">
<img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20style%3D%22background%3A%23c4b462%22%3E%3Cg%3E%3Ctext%20text-anchor%3D%22middle%22%20dy%3D%22.35em%22%20x%3D%22512%22%20y%3D%22512%22%20fill%3D%22%23ffffff%22%20font-size%3D%22700%22%20font-family%3D%22-apple-system%2C%20BlinkMacSystemFont%2C%20Roboto%2C%20Helvetica%2C%20Arial%2C%20sans-serif%22%3EE%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Editname">
</a>
<span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipstooltip="" title="Editname is a moderator"></span>
</div>
<div class="cAuthorPane_content">
<h3 class="ipsType_sectionHead cAuthorPane_author ipsType_break ipsType_blendLinks ipsTruncate ipsTruncate_line">
<a href="http://www.rootie.me/index.php?/profile/1-editname/" data-ipshover="" data-ipshover-target="http://www.rootie.me/index.php?/profile/1-editname/&do=hovercard&referrer=http%253A%252F%252Fwww.rootie.me%252Findex.php%253F%252Ftopic%252F3-another-one%252F" title="Go to Editname's profile" class="ipsType_break"><strong><font color="#cc0000">Editname</font><strong></strong></strong></a><strong><strong>
<span class="ipsMargin_left:half">
<span title="Member's total reputation" data-ipstooltip="" class="ipsRepBadge ipsRepBadge_neutral">
<i class="fa fa-circle"></i> 0
</span>
</span>
</strong></strong></h3><strong><strong>
<div class="ipsType_light ipsType_reset">
<a href="http://www.rootie.me/index.php?/topic/3-another-one/&do=findComment&comment=3" class="ipsType_blendLinks">Posted <time datetime="2021-05-31T21:34:52Z" title="05/31/2021 10:34 PM" data-short="1 dy">Monday at 10:34 PM</time></a>
</div>
</strong></strong></div><strong><strong>
</strong></strong></div><strong><strong>
<aside class="ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone">
<h3 class="ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break"><strong>
<a href="http://www.rootie.me/index.php?/profile/1-editname/" data-ipshover="" data-ipshover-target="http://www.rootie.me/index.php?/profile/1-editname/&do=hovercard&referrer=http%253A%252F%252Fwww.rootie.me%252Findex.php%253F%252Ftopic%252F3-another-one%252F" title="Go to Editname's profile" class="ipsType_break">Editname</a></strong></h3>
<ul class="cAuthorPane_info ipsList_reset">
<li data-role="photo" class="cAuthorPane_photo">
<a href="http://www.rootie.me/index.php?/profile/1-editname/" data-ipshover="" data-ipshover-target="http://www.rootie.me/index.php?/profile/1-editname/&do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to Editname's profile">
<img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20style%3D%22background%3A%23c4b462%22%3E%3Cg%3E%3Ctext%20text-anchor%3D%22middle%22%20dy%3D%22.35em%22%20x%3D%22512%22%20y%3D%22512%22%20fill%3D%22%23ffffff%22%20font-size%3D%22700%22%20font-family%3D%22-apple-system%2C%20BlinkMacSystemFont%2C%20Roboto%2C%20Helvetica%2C%20Arial%2C%20sans-serif%22%3EE%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Editname">
</a>
<span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipstooltip="" title="Editname is a moderator"></span>
</li>
<li data-role="group"><strong><font color="#cc0000">Administrators</font><strong></strong></strong></li><strong><strong>
<li data-role="reputation-badge">
<span title="Member's total reputation" data-ipstooltip="" class="ipsRepBadge ipsRepBadge_neutral">
<i class="fa fa-circle"></i> 0
</span>
</li>
<li data-role="posts" class="ipsType_light">2 posts</li>
<li data-role="custom-field" class="ipsResponsive_hidePhone ipsType_break">
<strong>Minecraft:</strong> Editname
</li>
</strong></strong></ul><strong><strong>
</strong></strong></aside><strong><strong>
<div class="ipsColumn ipsColumn_fluid ipsMargin:none">
<div id="comment-3_wrap" data-controller="core.front.core.comment" data-commentapp="forums" data-commenttype="forums" data-commentid="3" data-quotedata="{"userid":1,"username":"Editname","timestamp":1622496892,"contentapp":"forums","contenttype":"forums","contentid":3,"contentclass":"forums_Topic","contentcommentid":3}" class="ipsComment_content ipsType_medium">
<div class="ipsComment_meta ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:between ipsFlex-fd:row-reverse">
<div class="ipsType_light ipsType_reset ipsType_blendLinks ipsComment_toolWrap">
<div class="ipsResponsive_hidePhone ipsComment_badges">
<ul class="ipsList_reset ipsFlex ipsFlex-jc:end ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1">
<li><strong class="ipsBadge ipsBadge_large ipsBadge_highlightedGroup">Administrators</strong></li>
</ul>
</div>
<ul class="ipsList_reset ipsComment_tools">
<li>
<a href="#elControls_3_menu" class="ipsComment_ellipsis" id="elControls_3" title="More options..." data-ipsmenu="" data-ipsmenu-appendto="#comment-3_wrap"><i class="fa fa-ellipsis-h"></i></a>
<ul id="elControls_3_menu" class="ipsMenu ipsMenu_narrow ipsHide">
<li class="ipsMenu_item"><a href="http://www.rootie.me/index.php?/topic/3-another-one/" title="Share this post" data-ipsdialog="" data-ipsdialog-size="narrow" data-ipsdialog-content="#elSharePost_3_menu" data-ipsdialog-title="Share this post" d="elSharePost_3" data-role="shareComment">Share</a></li>
</ul>
</li>
</ul>
</div>
<div class="ipsType_reset ipsResponsive_hidePhone">
<a href="http://www.rootie.me/index.php?/topic/3-another-one/&do=findComment&comment=3" class="ipsType_blendLinks">Posted <time datetime="2021-05-31T21:34:52Z" title="05/31/2021 10:34 PM" data-short="1 dy">Monday at 10:34 PM</time></a>
<span class="ipsResponsive_hidePhone">
</span>
</div>
</div>
<div class="cPost_contentWrap">
<div data-role="commentContent" class="ipsType_normal ipsType_richText ipsPadding_bottom ipsContained" data-controller="core.front.core.lightboxedImages">
<p>
this is a smaller version of the previous screenshot to show blank space.
</p>
</div>
</div>
<div class="ipsPadding ipsHide cPostShareMenu" id="elSharePost_3_menu">
<h5 class="ipsType_normal ipsType_reset">Link to post</h5>
<input type="text" value="http://www.rootie.me/index.php?/topic/3-another-one/" class="ipsField_fullWidth" wtx-context="F855B541-B723-4BE8-85F9-008BFE50D86F">
<h5 class="ipsType_normal ipsType_reset ipsSpacer_top">Share on other sites</h5>
<ul class="ipsList_inline ipsList_noSpacing ipsClearfix" data-controller="core.front.core.sharelink">
<li>
<a href="http://twitter.com/share?url=http%3A%2F%2Fwww.rootie.me%2Findex.php%3F%2Ftopic%2F3-another-one%2F%26do%3DfindComment%26comment%3D3" class="cShareLink cShareLink_twitter" target="_blank" data-role="shareLink" title="Share on Twitter" data-ipstooltip="" rel="noopener">
<i class="fa fa-twitter"></i>
</a></li>
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.rootie.me%2Findex.php%3F%2Ftopic%2F3-another-one%2F%26do%3DfindComment%26comment%3D3" class="cShareLink cShareLink_facebook" target="_blank" data-role="shareLink" title="Share on Facebook" data-ipstooltip="" rel="noopener">
<i class="fa fa-facebook"></i>
</a></li>
<li>
<a href="http://www.reddit.com/submit?url=http%3A%2F%2Fwww.rootie.me%2Findex.php%3F%2Ftopic%2F3-another-one%2F%26do%3DfindComment%26comment%3D3&title=ANother+one" class="cShareLink cShareLink_reddit" target="_blank" title="Share on Reddit" data-ipstooltip="" rel="noopener">
<i class="fa fa-reddit"></i>
</a></li>
<li>
<a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fwww.rootie.me%2Findex.php%3F%2Ftopic%2F3-another-one%2F%26do%3DfindComment%26comment%3D3&title=ANother+one" class="cShareLink cShareLink_linkedin" target="_blank" data-role="shareLink" title="Share on LinkedIn" data-ipstooltip="" rel="noopener">
<i class="fa fa-linkedin"></i>
</a></li>
<li>
<a href="http://pinterest.com/pin/create/button/?url=http://www.rootie.me/index.php?/topic/3-another-one/%26do=findComment%26comment=3&media=http://www.rootie.me/uploads/" class="cShareLink cShareLink_pinterest" target="_blank" data-role="shareLink" title="Share on Pinterest" data-ipstooltip="" rel="noopener">
<i class="fa fa-pinterest"></i>
</a></li>
</ul>
</div>
</div>
</div>
</strong></strong></strong></strong></article><strong><strong>
<input type="hidden" name="csrfKey" value="303e74727f4abec4e5a458eb5ba13f09" wtx-context="60245451-6B6C-45EA-914C-0D9D2BC60F78">
</strong></strong></form></div>
Those <strong> tags which are dotted throughout shouldn't be there. Without them, your site displays correctly:
You might not have made any changes yourself but something has. Which plugins do you have enabled? Does the problem go away if you deactivate your plugins? If it does, reactivate them one by one until the error returns to identify the culprit.
Hello,
This is caused by an incorrect suffix on your group name. The prefix is:
<strong><font color="#cc0000">
And the suffix is:
</font><strong>
Â
The font tag is deprecated and the strong tag is not closed properly. You should change the prefix to:
<strong style='color:#cc0000'>
And change the suffix to:
</strong>
Â
Unfortunately what you 'think' it should be isn't what it is. If you don't want to work within the system then you are going to run into all kinds of different problems. And whilst this may not be a debate in your view, it has turned into one because you are unwilling to accept that this is the way the system works. There are thousands of lines of CSS code used by the IPS system and they attempt to cover the most important areas, they are not designed to cater for something that only a few people may use. So you can argue that the system 'should' do this or that, but it doesn't and it won't, so you need to bite the bullet and learn a little bit of CSS so you can make the changes you want, or live with it the way it is.
I'm sorry if you don't find this helpful, but that's the way it is and it's unlikely to change.
Just be conscious of your font size and the length of your text line otherwise when using the IPS Button it will truncate your text if it doesn't fit the screen.
Example below is a live example I posted on my own forum using the code line from the post above:
And on browser console simulated mobile screen - the arrows point towards the edge of the screen. This simulation is for a Moto G4
Â
And this is a simulation of an iPhone X
The bigger the screen the more can be seen - so be aware of those font sizes and text line lengths.
If you want to learn more about CSS then this is a good place to start >>>Â https://www.w3schools.com/css/
Happy hunting 🙂
Â
Responsiveness isn't automatic - it needs to be told how to and that's done in the CSS files of which there are many used by the system. Buttons aren't meant to be huge, but that doesn't mean they can't be, but you need to understand the principles of responsiveness. This is where your custom CSS file comes into play and there are @media commands that instruct the system on what size something should be when viewed on different screen sizes (of which there are many).
The only other way for you to achieve 'automatic' responsiveness within the system is to create your button as an image, but be warned about this too as the system will shrink your image to fit, but it will do so by reducing the overall size. It's the way the system works - it will only do what you tell it to do, it's not AI 🙂
Try calling the page with adding this to the URLÂ
?_blockManager=1
Same should be available from the ACP. Even a broken page builder page shouldn’t remove any buttons from the ACP.Â
Ignore those instructions just download the zip file (scroll to the bottom of the page), but don't unpack it. Go to the ACP and head for Customisation/Editor/Toolbars (see below):
Â
Once in there click the 'Add Button' button lol
Now you will see that you can upload the zip file you downloaded.
It will only take a couple of seconds to upload.
The button will appear in the tray at the bottom of the screen - just drag it onto the editor toolbar where you want it. Clicking on the button whilst in the editor toolbars section will allow you to set permissions as to where you want it to be used and who can use it.
You're done - next time you access the editor around the site the button will appear and you can add as many as you want to a page or topic.
Just download this:
https://ckeditor.com/cke4/addon/simplebutton
And add it to your editor in the ACP - don't unzip it, just upload as is and add it to your editor:
Ignore those instructions just download the zip file (scroll to the bottom of the page), but don't unpack it. Go to the ACP and head for Customisation/Editor/Toolbars (see below):
Â
Once in there click the 'Add Button' button lol
Now you will see that you can upload the zip file you downloaded.
It will only take a couple of seconds to upload.
The button will appear in the tray at the bottom of the screen - just drag it onto the editor toolbar where you want it. Clicking on the button whilst in the editor toolbars section will allow you to set permissions as to where you want it to be used and who can use it.
You're done - next time you access the editor around the site the button will appear and you can add as many as you want to a page or topic.
Just download this:
https://ckeditor.com/cke4/addon/simplebutton
And add it to your editor in the ACP - don't unzip it, just upload as is and add it to your editor:
Just download this:
https://ckeditor.com/cke4/addon/simplebutton
And add it to your editor in the ACP - don't unzip it, just upload as is and add it to your editor:
Yes it is!
I just CMOD'd all the folders to 0777 and the images show using HTTPS in the url now.
Â
You wonderful people, thanks very much!
Â
EDIT Yep, confirmed, working on the forum! Did the edit conf_global.php and the ACP cache thing.
Copy not move - I did this without issue and it solved the problem. I'm not saying this will solve the issue here but there is no harm in trying it 🙂
Â
Attempting to see what errors are pushed when opening in a new tab, but it references that folders cannot be viewed. I had a similar issue a while ago and solved it by copying the files from the named folder into the most current folder (check the dates on them) but don't delete anything, just copy. If your server doesn't allow copying, download and reupload. Not saying this will work or it's ideal, but it worked me when facing a similar issue 🙂
Â
Well, yes it is because if you hadn't replied to my topic I would have been in the dark as to why - how many others have reported what they thought were bugs but turned out not to be and no word of explanation. It would be courteous to give a short explanation and then close the report. That way if someone else encounters the same issue they would see that it really wasn't an issue lol.
Check the IP addresses by clicking on them - if you have Google Maps or Mapbox activated it will give you an idea of their location, but the chances are they are search engine robots as they can use multiple IP addresses pointing to the same location. They are not necessarily people looking 🙂
Â
Yes running now on my upcoming site and it really is smooth - experimenting with the badges and ranks, but svg is new for me in the creation process so I'm in the trial and error phase lol. Great work and loving it 🙂
Â
Just tested on my testing install and it worked perfectly. I knew it would be fairly simple - thanks for pointing me in the right direction.
I am enjoying using the software - it's different to my normal IT work and has been good fun migrating, re-designing and deploying our forum.
Kudos to the converter for doing all the 'heavy lifting' - i was very impressed by the results.
Nick
Hi there 👋 Welcome to Invision Community!Â
Do you have an active license with us? That'll definitely be needed before having access to downloads in our Marketplace.Â