αύξηση fonts μέσω css

[propend]

σε αυτό το theme, πώς μπορώ στο css να μεγαλώσω όλα τα fonts, h1, h2, ... είναι όλα πολύ μικρά...

 

Σε ποιές γραμμές του αρχείου css? 

[Giorgos_k80]

Επιθεωρηση στοιχειου (δεξι click -> Inspect element ή F12), πατας τον φακο και πηγαινεις πανω στο element που θες. Στο πρωτο tab σου εχει αριστερα τον κωδικα και δεξια το css. Στο παραθυρακι css αριστερα ειναι τα rules και δεξια ο αριθμος της γραμμης που βρισκεται

 

Πχ το h2 επηρεαζεται απο τα rules: 
#top-area h2 - Στην γραμμη 1517
.block > h2 - Στην γραμμη 845
h2 - Στην γραμμη 116
h1, h2, h3, h4, h5, h6 - Στην γραμμη 104

 

και παει λεγοντας....

και μονο απο τον ογκο της δουλειας και του χρονου που απαιτειται για να σου στειλουμε τι αλλαζει που θα επρεπε να σε χρεωσουμε

 

[propend]

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

 

ας πούμε αν αλλάξω τη γραμμή 104, έχω κάνει ένα μεγάλο ποσοστό του theme;

[Giorgos_k80]

Δεν μπορω να σου πω κατι τετοιο.

Αλλαξα πχ το h2 και αλλαξε μονο σε ενα section του layout. για να αλλαξει και το απο κατω h2 θελει αλλαγη σε αλλο rule. 

 

Ή θα τα αλλάξεις όλα τα ruleς για καθε element που θες να πειραξεις ή θα βαλεις δικα σου που θα κανουν override τα default.

πχ. Εαν πας στο τελος του css και βαλεις: h2 {font-size: 20px!important;}
θα επηρεασεις, εαν όχι όλα τα h2, τα περισσοτερα από αυτά.

 

 

Fixed typo

[propend]

πχ. Εαν πας στο τελος του css και βαλεις: h2 {font-size: 20px!iimportant;}
θα επηρεασεις, εαν όχι όλα τα h2, τα περισσοτερα από αυτά.

 

αυτό θα κάνω για αρχή, ευχαριστώ!

[XPHSTOS_]

Λάθος τακτική το να τα αλλάξεις με τo !important αλλά έτσι όπως είναι το θέμα μάλλον αυτή είναι η λύση...
Εκτός αν ανοίξεις το κεντρικό css και κάνεις ένα search & replace για όλα τα h1...h2... κλπ.

Υπάρχει μια πιθανότητα, αλλά χλωμό το κόβω αλλιώς θα το έγραφε, το site να κάνει compile τα css μέσω κάποιων .less αρχείων.
Αν ναι, θα υπάρχει ένα φακελάκι less στον φάκελο του θέματος και μέσα εκεί θα πρέπει να υπάρχει ένα αρχείο variables.less.
Το ανοίγεις με όποιον editor θέλεις και αλλάζεις ότι τιμές θέλεις...
Αυτό θα κάνει recompile μόνο του ή θα πρέπει από το διαχειριστικό του drupal να το βάλεις να κάνει.
ΑΝ υπάρχουν less αρχεία είναι καλό και εύκολο να κάνεις την αλλαγή εκεί.

[defacer]

Το πώς γίνεται (και το άν γίνεται) εξαρτάται από το πώς έγραψε το stylesheet αυτός που το έγραψε και αν ήξερε CSS ή απλά έγραφε πράγματα.

 

Στην προκειμένη έτσι που είναι γραμμένο λυπάμαι χάσατε.

[libereas]

Μπορείς με λίγο jquery απλα βάλε στο head αυτό.

 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type="text/javascript">

$("document").ready(function() {

 

 $("h1").css("font-size", "5em");

 

 });

 

</script>