AI Search
Classic Search
Notifications
Clear all
Search result for: infinite scroll
@verek, @rando-moto-be, @percysgrowroom,
I think the issue comes from the first line in the /themes/2022/styles.css file. You just need to remove it, then delete all caches on browser to load the changes:
body.is_wpforo_page-1, html{ overflow-y: scroll; scroll-behavior: smooth; }
We've already removed this line for the upcoming update.
I see it on Firefox too. (The Firefox browser cache is notoriously sticky but if you view this page in private mode you will see the extra scroll bar)
One can fix it (the scrollbar issue) with CSS ( change overflow-y: auto from scroll ) but really, it should ideally be fixed in an update.
Thank you, @caliptogarcia,
The auto-growing feature doesn't allow enabling scroll-bar, it grows and gets enough height so the scroll-bar cannot be initiated even if we add it there.
The only solution at the moment I can suggest is moving the toolbar to bottom by simple CSS code. If you like this solution, you can put the CSS code in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea, then delete all caches, go to forum front-end and press Ctrl+F5 to reload new CSS code:
#wpforo #wpforo-wrap .mce-top-part{ position:absolute!important;bottom:-40px !important;z-index: 100; width: 100% !important;}#wpforo #wpforo-wrap .wp-editor-wrap { margin-bottom: 40px;}#wpforo #wpforo-wrap .mce-toolbar .mce-btn-group { padding-top: 8px;}
Here is the screenshot, the toolbar is always close to your typing place:
Sweet! I'll check that out! I'm using Simplified layout currently.
@timrodman,
I think you're talking about the Threaded Layout too:
BTW, you can see it on our forum home page:
When i try to copy paste something like this, the preview comes out like this :
08:26 | 1 Σχόλιο
Παναθηναϊκός-Ολυμπιακός: Την κούπα του Παναθηναϊκού είδαν Δώνης, Χατζηγιοβάνης (pics)
Στο κλειστό του Αγίου Θωμά βρέθηκαν οι Τάσος Χατζηγιοβάνης και Χρήστος Δώνης με τους ποδοσφαιριστές του Παναθηναϊκού να πανηγυρίζουν την κατάκτηση του...
Παναθηναϊκός-Ολυμπιακός: Την κούπα του Παναθηναϊκού είδαν Δώνης, Χατζηγιοβάνης (pics)
«Τρελαμένος» Ρανγκέλ πανηγυρίζει την κούπα (vid)
Συγχαρητήρια σε Παναθηναϊκό από ΕΟΠΕ
Τσάτσιτς: Αποκτήθηκε για να τον ανεβάσει επίπεδο και το έκανε!
Volley League
20/02/20 05:03
Πανταλέων: «Αυτός ο τίτλος σηματοδοτεί μια νέα εποχή για τον Παναθηναϊκό»
Σίγουρος πως η κατάκτηση του League Cup θα σηματοδοτήσει μια νέα εποχή για την ομάδα βόλεϊ του Παναθηναϊκού, εμφανίστηκε ο αρχηγός των… πρασίνων,...
0 Σχόλια
Βόλεϊ: Challenge Cup
20/02/20 04:25
Κέρδισε την Δρέσδη και είναι έτοιμος να γράψει ιστορία ο ΑΟ Θήρας
Τεράστια νίκη για τον ΑΟ Θήρας. Η ομάδα της Σαντορίνης επικράτησε με 3-1 της Δρέσδης και έθεσε τις βάσεις για πρόκριση στα ημιτελικά του Challenge...
0 Σχόλια
Volley League
20/02/20 03:47
League Cup: Πρώτο για Παναθηναϊκό, έξι έχει ο Ολυμπιακός
Ο Παναθηναϊκός άνοιξε τον δικό του λογαριασμό στο Λιγκ Καπ Νίκος Σαμαράς καθώς μετά τον Ολυμπιακό Σ.Φ.Π., τον Α.Ο.Φοίνικα Σύρου και την Α.Ε.Κ. έγινε...
0 Σχόλια
Volley League
20/02/20 02:31
Γιάκομπσεν: «Το πιστέψαμε και το πήραμε»
Στην πίστη που είχαν όλοι στον Παναθηναϊκό απέδωσε την κατάκτηση του League Cup ο Αξέλ Γιάκομπσεν ο οποίος αναδείχθηκε και πολυτιμότερος παίκτης του...
0 Σχόλια
Volley League
20/02/20 01:53
Πελεκούδας: «Το πήραμε γιατί είχαμε αρχ@@@@» (vid)
Ο κεντρικός του Παναθηναϊκού, Παναγιώτης Πελεκούδας μιλώντας για την κατάκτηση του League Cup ανέφερε πως οι «πράσινοι» το έκαναν γιατί είχαν αρχ...
5 Σχόλια
Volley League
20/02/20 01:15
Μουνιόθ: «Συγχαρητήρια σε Παναθηναϊκό και Ανδρεόπουλο»
Συγχαρητήρια στον Παναθηναϊκό και τον Δημήτρη Ανδρεόπουλο έδωσε μετά το τέλος του αγώνα ο προπονητής του Ολυμπιακού, Φερνάντο Μουνιόθ.
0 Σχόλια
Volley League
20/02/20 00:18
Ανδρεόπουλος: «Αφιερώνουμε τη νίκη στον ιδρυτή του Παναθηναϊκού»
Σαν χθες ο Γιώργος Καλαφάτης, ιδρυτής του Παναθηναϊκού έφυγε από την «πράσινη» οικογένεια, με τον Δημήτρη Ανδρεόπουλο να του αφιερώνει την κατάκτηση...
1 Σχόλιο
Volley League
19/02/20 23:59
Έξτρα πριμ από Γιαννακόπουλο για την κούπα
Σε πελάγη ευτυχίας έπλεε ο πρόεδρος του Ερασιτέχνη Παναθηναϊκού, Δημήτρης Γιαννακόπουλος προσφέροντας έξτρα πριμ στους παίκτες για την κατάκτηση του...
12 Σχόλια
Volley League
19/02/20 23:00
Η επιστροφή του Παναθηναϊκού μεγαλύτερη από κάθε League Cup
Ο Φώτης Καρακούσης γράφει για την μεγάλη επιστροφή του Παναθηναϊκού, με τους… πράσινους να κατακτούν το League Cup και να φωνάζουν με όλη τους την...
41 Σχόλια
Βόλεϊ: Κύπελλο Ανδρών
19/02/20 22:41
Παναθηναϊκός- Ολυμπιακός: Μπράβο σε Ανδρεόπουλο, Πανταλέοντα
Ο τεχνικός του «τριφυλλιού» και η «σημαία» του, βοήθησαν τους «ερυθρόλευκους» να αποχωρήσουν από το γήπεδο, χωρίς να αντιμετωπίσουν κάποιο πρόβλημα
4 Σχόλια
Volley League
19/02/20 22:26
ΠΑΕ Παναθηναϊκός: «Μας κάνατε υπερήφανους» (pic)
Το ποδοσφαιρικό τμήμα των «πράσινων» συνεχάρη την ομάδα βόλεϊ για την αποψινή της επιτυχία
0 Σχόλια
Βόλεϊ: Κύπελλο Ανδρών
19/02/20 22:14
Παναθηναϊκός - Ολυμπιακός: Κουκουλοφόροι ήθελαν να χαλάσουν τη γιορτή!
Την ώρα που οι φίλοι του Παναθηναϊκού πανηγύριζαν μαζί με τους παίκτες την κούπα του Λιγκ Καπ, ομάδα κουκουλοφόρων ντυμένοι στα μαύρα, μπήκαν στο...
4 Σχόλια
Βόλεϊ: Κύπελλο Ανδρών
19/02/20 22:09
Παναθηναϊκός: Το «πράσινο» πάρτι σε κλικ!
Ο Παναθηναϊκός πανηγύρισε την κατάκτηση του League Cup, επέστρεψε στους τίτλους μετά από δέκα χρόνια και στο κλειστό του Αγίου Θωμά στήθηκε ένα...
0 Σχόλια
Βόλεϊ: Κύπελλο Ανδρών
19/02/20 21:55
Γιαννακόπουλος: «Αυτό το τρόπαιο ανήκει σε όλα τα παιδιά που στήριξαν στα δύσκολα»! (vid)
Ο ισχυρός άνδρας του Ερασιτέχνη Παναθηναϊκού αφιέρωσε την κατάκτηση του League Cup στους αθλητές, τους οπαδούς και όλους όσοι ήταν δίπλα στο τμήμα...
6 Σχόλια
Volley League
19/02/20 21:42
Χαράλαμπος Ανδρεόπουλος: «Αυτό το τρόπαιο να γίνει η σπίθα που θα βάλει την φωτιά»!
Συγκλονιστικές δηλώσεις από τον Χαράλαμπο Ανδρεόπουλο για την κατάκτηση του League Cup από τον Παναθηναϊκό. Πανταλέων: «Θα ακολουθήσουν κι άλλα...
0 Σχόλια
Βόλεϊ: Κύπελλο Ανδρών
19/02/20 21:41
Παναθηναϊκός - Ολυμπιακός: Η απονομή του «πράσινου» Λιγκ Κάπ! (gTV)
O Παναθηναϊκός... έσπασε την κυριαρχία του Ολυμπιακού στο Λιγκ Καπ, σήκωσε για πρώτη φορά το συγκεκριμένο τρόπαιο και λογικός ήταν ο ενθουσιασμός την...
2 Σχόλια
Βόλεϊ: Κύπελλο Ανδρών
19/02/20 21:30
Παναθηναϊκός - Ολυμπιακός: Ο πόντος-τίτλος από την κερκίδα και το... πάρτι του κόσμου! (gTV)
Μετά από ένα συγκλονιστικό φινάλε, η μπάλα από την άμυνα του Ολυμπιακού βρίσκει στο ταβάνι του κλειστού και ο Παναθηναϊκός κατακτά το Λιγκ Καπ!...
4 Σχόλια
Volley League
19/02/20 21:30
Δημήτρης Ανδρεόπουλος: «Επιστρέφουμε για τα καλά»! (vid.)
Ο προπονητής του Παναθηναϊκού εξέφρασε την συγκίνησή του για την επιστροφή της ομάδας στους τίτλους και δήλωσε πως το League Cup ήταν μόνο η αρχή!
0 Σχόλια
Βόλεϊ: Κύπελλο Ανδρών
19/02/20 21:28
Παναθηναϊκός - Ολυμπιακός: Ο νικητήριος πόντος του «χρυσού σετ» (vid)
Ο Παναθηναϊκός στέφθηκε τροπαιούχος σε έναν συγκλονιστικό δεύτερο τελικό του Λιγκ Καπ “Νίκος Σαμαράς”, νικώντας τον Ολυμπιακό στο “χρυσό” σετ και...
4 Σχόλια
Βόλεϊ: Κύπελλο Ανδρών
19/02/20 21:17
Σύλλογος Μεγάλος... ξανά και στο βόλεϊ! (vid)
Μετά από 10... έρημα και δύσκολα χρόνια, ο Παναθηναϊκός γύρισε στην κατάκτηση των τίτλων στο βόλεϊ ανδρών! Στον 2ο συγκλονιστικό τελικό πήρε το χρυσό...
166 Σχόλια
Volley League
19/02/20 18:28
Παναθηναϊκός-Ολυμπιακός: Στο γήπεδο ο Δημήτρης Γιαννακόπουλος
Ο ισχυρός άνδρας του Ερασιτέχνη Παναθηναϊκού βρέθηκε στις κερκίδες του Αγίου Θωμά και παρακολούθησε από κοντά τον δεύτερο τελικό ανάμεσα στο «...
0 Σχόλια
Volley League
19/02/20 08:04
Σε απολογία Ολυμπιακός και Ηρακλής
Σε απολογία κλήθηκαν οι Ολυμπιακός και Ηρακλής. Οι «ερυθρόλευκοι» για τον πρώτο τελικό του League Cup με τον Παναθηναϊκό και οι «κυανόλευκοι» για το...
2 Σχόλια
Βόλεϊ: A1 Γυναικών
19/02/20 06:38
Μεταξά: «Από τα πιο δυνατά πρωταθλήματα των τελευταίων ετών»
Ένα από τα καλύτερα πρωταθλήματα των τελευταίων χαρακτήρισε το φετινό η πολυτιμότερη παίκτρια της 16ης αγωνιστικής, Ναταλία Μεταξά.
0 Σχόλια
Volley League
19/02/20 06:29
Ξεχωρίζει το ΠΑΟΚ-Φοίνικας
Με τον αγώνα του ΠΑΟΚ με τον Φοίνικα να ξεχωρίζει έγινε γνωστό το πρόγραμμα της 14ης αγωνιστικής της Volley League.
0 Σχόλια
@dimalifragis Thanks for the suggestion.
The only message in the console is: scroll util from "/dev/js/frontend/utils/scroll"` is soft deprecated since 3.1.0 - Use `elementorModules.utils.Scroll` insteadconsoleWarn @ common.min.js?ver=3.2.4:2
When I checked with the version that was working, I get the same message.
I also tried to take elementor out of the equation by creating a simple page not using elementor and just using the shortcode. Same result.
Any additional thoughts would be greatly appreciated.
Hi
Is it possible to HTML tags in the Admin Note such as <marquee>? I want to add the below code:
<marquee behavior="scroll" direction="right" scrollamount="1">Tortoise</marquee><marquee behavior="scroll" direction="right" scrollamount="10">Hare</marquee><marquee behavior="scroll" direction="right" scrollamount="20">Cheetah</marquee>Warmest RegardsBM
Hi Everyone. Thought I'd share this here. 🙂
How to Replace the Forum (not Category) Font-Awesome Icons with Images
Currently, the default Font-Awesome Icon for a new installation is set at
fas fa-comments
(You can see this at Forum DashboardForums- Categories and Forums- select the specific forum (the one under the blue bar)- select the "edit" or "pencil" icon. - scroll down at the bottom, and find the "Forum Icon" area. this is where you will see the default "fas fa-comments".
You can select different Font Awesome Icons in the provided link there.
If you want to put Images, instead of the Font Awesome Icons, you can follow the Step By Step below.
Specific Use Case: for Forum Administrators who might need to replace the Font Awesome Icons with Images, those portals that might want to use company or department logos or Forum Images.
For example, we want to create 5 different forums:
1) Human Resources Department Forum- HR2) Sales and Marketing Forum- SM3) IT Department Forum - IT4) Customer Service Forum - CS5) Management Forum - MGT
Steps:1) Create your digital assets / images, you can either save it as a .png file, or a .jpg file, make sure the dimensions are square, 30px by 30px (you can crop and resize them in pixels)
hr.jpgsm.jpgit.jpgcs.jpgmgt.jpg
2) Upload these 5 images to your WP Media Library (On WP Dashboard, go to Media, then "Add New').
3) Click the specific image to see the "Attachment Details"
4) At the very bottom of the menu, in the "Copy Link" box, highlight the full website location of your image and then paste this onto a Notepad file.
5) Do the same Step 4, for all the five image files. (you will use this later)
Example Image location files:
YOUR-WEBSITE.com/wp-content/WHATEVERPATH/hr.jpg YOUR-WEBSITE.com/wp-content/WHATEVERPATH/it.jpg
YOUR-WEBSITE.com/wp-content/WHATEVERPATH/sm.jpg
YOUR-WEBSITE.com/wp-content/WHATEVERPATH/cs.jpg YOUR-WEBSITE.com/wp-content/WHATEVERPATH/mgt.jpg
6) On the Forum Dashboard, Select Settings
7) Select the "Styles" tab
8) Under the Custom CSS Code, add the code below (Change the YOUR_WEBSITE and the WHATEVERPATH to your exact image locations, that you copied in your "Notepad file", I will change the font color of the file you need to change and please customize it to your own):
IMAGE FILE 1
.wpf-unread-forum .hr { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/hr.jpg )}.hr { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/hr.jpg )}
IMAGE FILE 2
.wpf-unread-forum .sm { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/sm.jpg )}.sm { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/sm.jpg )}
IMAGE FILE 3
.wpf-unread-forum .it { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/it.jpg )}.it { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/it.jpg )}
IMAGE FILE 4
.wpf-unread-forum .cs { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/cs.jpg )}.cs { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/cs.jpg )}
IMAGE FILE 5
.wpf-unread-forum .mgt { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/mgt.jpg )}.mgt { color: transparent!important; width:30px; max-width:30px; height:30px; background:url( YOUR-WEBSITE.com/wp-content/WHATEVERPATH/mgt.jpg )}
9) scroll down at the bottom of the page and click the "Update Options" button.
10) Go to the Forum DashboardForums- Categories and Forums- select the specific forum (the one under the blue bar)- select the "edit" or "pencil" icon. - scroll down at the bottom, and find the "Forum Icon" area.
11) In our example HR Department Forum, the hr icon or image file name is hr.jpg, which we have already uploaded to our media file. So in the Forum Icon area, in the Font-awesome Icon box, just type the image code name "hr"
12) Click the "Update" button.
13) Go to the Front End of your Forum, click Control F5 to refresh the page, and you should see your new Image Icon on your specific New HR Forum.
14) Just do the same on your other forums where you need to change the Font Awesome Icon into your own image file.
15) So for the HR Forum where we use the hr.jpg image file, in the Forum Icon area, just use the code, hr, to replace the default, "fas fa-comments".
16) So for the Sales & Marketing Forum where we use the sm.jpg image file, in the Forum Icon area, just use the code, sm, to replace the default, "fas fa-comments".
17) So for the IT Forum where we use the it.jpg image file, in the Forum Icon area, just use the code, it, to replace the default, "fas fa-comments".
18) You can use your own unique naming convention if you wish.
I used this step by step instructions to train my associates and I thought I'd share it here too, for the benefit of those who might find if helpful or useful.
I recommend wpForo and the Documentation here to a lot of people and I ask them to go click my Profile Activity here to follow along some of the answers I have shared here in this forum as well.
Disclaimer: the above steps worked for our own forum, it might not work for others. Parental guidance and a lot of patience is advised. 🙂
Here's how the completed step by step above looks like on our test forum. I hope it helps someone here, too. 🙂
< span style="color: #666;"> Attachment : Replace_Some_Forum_FontAwesome_Icons_With_Images.png
Yes but after there are a few replies...people need to scroll all the way to the bottom to reply...rather than hit a 'reply' button on the top post that lets them reply.
ie. if a topic has 30 replies...people need to scroll all the way down. Not a good user experience, especially on mobile where it is easy to scroll past the text box.
Can you please re-include it?
All other forums (non wpForo) have it and you guys used to have it, it seems.
@alc
About wpForo. Why you have commented out so many code of wpForo (as i see in the source of your pages) ?
<!-- <link rel='stylesheet' id='wpforo-font-awesome-css' href='/wp-content/plugins/wpforo/wpf-assets/css/font-awesome/css/fontawesome-all.min.css?ver=5.7.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpforo-style-css' href='/wp-content/plugins/wpforo/wpf-themes/classic/style.css?ver=1.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpforo-widgets-css' href='/wp-content/plugins/wpforo/wpf-themes/classic/widgets.css?ver=1.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpfront-scroll-top-css' href='/wp-content/plugins/wpfront-scroll-top/css/wpfront-scroll-top.min.css?ver=2.0.1' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpforo-uidialog-style-css' href='/wp-content/plugins/wpforo/wpf-assets/css/jquery-ui.css?ver=1.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpforo-dynamic-style-css' href='/wp-content/plugins/wpforo/wpf-themes/classic/colors.css?ver=1.6.1' type='text/css' media='all' /> --> <!-- <link href="/wp-content/plugins/wpforo/wpf-themes/classic/style.css?ver=1.6.1" rel="stylesheet"> <link href="/wp-content/plugins/wpforo/wpf-themes/classic/colors.css?ver=1.6.1" rel="stylesheet"> <link href="/wp-content/plugins/wpforo/wpf-themes/classic/widgets.css?ver=1.6.1" rel="stylesheet"> <link href="/wp-content/plugins/wpforo/wpf-assets/css/jquery-ui.css?ver=1.6.1" rel="stylesheet"> <link href="/wp-content/plugins/wpforo/wpf-assets/css/font-awesome/css/fontawesome-all.min.css?ver=5.7.0" rel="stylesheet"> --> <!-- <script type="text/javascript" src="/wp-content/plugins/wpforo/wpf-assets/js/frontend.js?ver=1.6.1"></script> <script type="text/javascript" src="/wp-content/plugins/wpforo/wpf-assets/js/ajax.js?ver=1.6.1"></script> --> <!-- <script type="text/javascript">window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); t._e = []; t.ready = function(f) { t._e.push(f); }; return t;}(document, "script", "twitter-wjs"));</script> -->
You said that you will add the function
In the next update.
So how to add prefixes?
Resolved
Unresolved
Waiting
100% French translation, chain problem that remains in English despite translation
HI
Here is what u need..>>
U can Use default wpforo login/register pages..Or if u need to create custom login/register page, u should create a pages for login/register..It is discussed in the above topic..Check that..
And read these topic also.
I cant scroll in the ad topic site. on the start site it works. Can you help me with that
< span style="color: #666;"> Attachment : Aufzeichnung-2025-05-19-140441.mp4
No need to post my forum url, it's private till 1st of January.
Yes the problem appears here too !
But here I can scroll with the mouse wheel 😆