Help Center

Powered by Minitek FAQ Book
Loading...

Font size for FAQpro

CM
CHARALAMPOS MATONAKISPosted 4 years agoEdited 4 years ago
 Goodmorning! I would like to ask how we can modify the fort and the font size of the FAQ Questios etc to match the style of the template. In my page the font size is significantly smaller than of the rest of the site. The html editor could provide a solution but only for the content of the questions. The titles of the topics (left sidebar menu) would still remain the same.

Thank you
Loading...
0
#1917

10 answers

M
MinitekPosted 4 years agoModerator
Στην ερώτηση

"Μέχρι ποια ηλικία μπορώ να ασφαλιστώ;"

το κείμενο έχει
style="font-size: small;"

Αυτό το style είναι inline, δεν προέρχεται από κάποιο css αρχείο αλλά έχει μπει μέσω του editor.

Αν αλλάξεις τον editor σε "codemirror" από το Global config του Joomla, θα μπορέσεις να το δεις.

CM
CHARALAMPOS MATONAKISPosted 4 years ago
Για όλες τις ερωτήσεις είχα βάλει τον κειμενογράφο TinyMCE και δεν είχα κάνει καμιά μορφοποίηση στη γραμματοσειρά ή το μέγεθος. Όλα τα κείμενα, είτε εμφανίζονται μικρά ή μεγάλα έχουν στον κειμενογράφο Tahoma 9pt. Ακόμα και την απαλοιφή μορφοποίησης να πατήσω το αποτέλεσμα είναι το ίδιο. Άλλες μικρές γραμματοσειρές και άλλες μεγαλύτερες.

a.NavLeftUL_anchor {
font-size: 15px;
}

.topic_faqPresentation .topic_faqToggleQuestion {
font-size: 15px;
}

.topic_faqAnswerWrapper_preview {
font-size: 15px;
}

.faq_text {
font-size: 15px;
color:#0d0d0d;
}

Αυτά έχω βάλει στο custom.css του template
M
MinitekPosted 4 years agoModerator
Αυτό εξαρτάται από τον editor στο backend (στο content των ερωτήσεων).

Απ'ότι βλέπω, έχεις βάλει font-size small σε κάποια, ενώ στα υπόλοιπα όχι.
CM
CHARALAMPOS MATONAKISPosted 4 years ago
Κοίτα για παράδειγμα αυτή την κατηγορία-topic

https://www.asfalisi-ygeias.gr/epikoinwnia/syxnes-erwtiseis/prin-tin-asfalisi

Πριν πατήσεις σε κάποια ερώτηση όλα φαίνονται οκ. 15άρα γραμματοσειρά.

Πατάς στην 1η ερώτηση, ανοίγει με μικρότερη γραμματοσειρά.

Πατάς στη 2η ανοίγει με μεγάλη γραμματοσειρα (15px)

Πατάς στην 3η - μεγάλη γραμματοσειρά

Η 4η με μικρή..... :/

Επίσης σε όλους τους συνδέσμους κάθε ερώτησης η γραμματοσειρά είναι μικρή.

Ανοίγω τη σελίδα και από άλλους υπολογιστές και το αποτέλεσμα είναι το ίδιο. Μια μπερδεμένη εικόνα σε κάθε topic
M
MinitekPosted 4 years agoModerator
Δεν βλέπω κάτι. Μπορείς να μου δώσεις ένα παράδειγμα:
CM
CHARALAMPOS MATONAKISPosted 4 years ago
Βλέπω ότι το μέγεθος του κειμένου σε κάποιες ερωτήσεις είναι 15px όπως το είχα βάλει και σε κάποιες ακόμα παραμένει μικρό όπως το default. Μπορείς να κάνεις και εσύ έναν έλεγχο να μου πεις τι βλέπεις;

https://www.asfalisi-ygeias.gr/epikoinwnia/syxnes-erwtiseis
CM
CHARALAMPOS MATONAKISPosted 4 years ago
Αυτό όντως είναι το σωστότερο. Τα έβαλα στο custom.css του template - έβαλα και λίγο χρώμα στο κείμενο - και είναι λογικά οκ. Βέβαια βλέπω ότι οι αλλαγές εφαρμόστηκαν σε μερικές από τις ερωτήσεις και όχι σε όλες. Δεν ξέρω αν είναι θέμα προσωρινής μνήμης αν και έκανα εκκαθάριση και στους browser και στη σελίδα. Θα επανέλθω αν δεν δω πρόοδο. Το αφήνω ανοιχτό το ερώτημα για λίγο.

Ευχαριστώ

ΥΓ: Κάτι τέτοιες παραμετροποιήσεις δεν θα ήταν καλό να τις είχες σαν tutorials για να αποφεύγεις τις ερωτήσεις;
M
MinitekPosted 4 years agoModerator
Το αρχείο είναι το

/components/com_faqbookpro/assets/css/faqbook.css

Αλλά καλύτερα θα ήταν να μην κάνεις αλλαγές κατευθείαν στο αρχείο, γιατί οι αλλαγές θα χαθούν μετά από ένα update.

Μπορείς να προσθέσεις τα παραπάνω css rules σε ένα css αρχείο του template που χρησιμοποιείς
πχ. template.css ή custom.css
CM
CHARALAMPOS MATONAKISPosted 4 years ago
Καλησπέρα Γιάννη

Μπορείς να μου πεις τη διαδρομή του αρχείου να το αλλάξω;
M
MinitekPosted 4 years agoModerator
Καλησπέρα,

Τα font-sizes μπορούν να αλλάξουν μόνο με css. Για παράδειγμα:

// Left sidebar
a.NavLeftUL_anchor {
  font-size: 16px;
}


// FAQ titles
.topic_faqPresentation .topic_faqToggleQuestion {
  font-size: 16px;
}


// FAQ preview
.topic_faqAnswerWrapper_preview {
  font-size: 16px;
}


// FAQ Text
.faq_text {
  font-size: 16px;
}