Icon größe ändern PHP und CSS Wordpress?
Hallo,
ich möchte gern die Icon Größe bearbeiten. Das icon ist hierbei "fa-phone"
Ich habe eine php Datei und ein Style.css sheet. Wie genau mache ich das? Ich bin eig. Java entwickler und habe mit CSS und PHP leider nichts am Hut.
Hier der php Code Abschnitt:
<div class="col-lg-3 col-md-6 contact-details">
<div class="row">
<?php if( get_theme_mod( 'sayara_automotive_contact_head','' ) != '' || get_theme_mod( 'sayara_automotive_contact','' ) != '') { ?>
<div class="col-lg-2 col-md-2">
<i class="fa fa-phone"></i>
</div>
<div class="col-lg-10 col-md-10">
<p class="top-head"><?php echo esc_html( get_theme_mod('sayara_automotive_contact_head','' )); ?></p>
<p><?php echo esc_html( get_theme_mod('sayara_automotive_contact','' )); ?></p>
</div>
<?php }?>
</div>
</div>
Wie genau hängt das Style.css mit dem zusammen?
LG
Niklas
4 Antworten
Suche mal nac".fa" bzw. ".fa-phone" in dem Stylesheet.
Da müsste die Größe definiert sein.
Du kannst aber auch vordefinierte Größen verwenden:
Die Stile für die Icons stecken vermutlich in der Bootstrap-CSS.
Versuche mal in dem PHP eine der Klassen für die Größe zu ergänzen, also z.B.
<i class="fa fa-phone fa-3x"></i>
Dann sollte es 3mal so groß sein. (Siehe den Link den ich gepostet hatte)
Wie germanils schon schrieb: Das wird in der CSS festgelegt. Willst Du von den Standardwerten abweichen solltest, du nicht die CSS Datei direkt bearbeiten, sondern mit einer eigenen CSS Datei,die Klasse überschreiben
Das wird rein über CSS umgesetzt, denn im CSS wird die Größe definiert sein. Im PHP, bzw. HTML Code wird lediglich angegeben wo das Icon paltziert werden soll.
.Fa-phone {
font-size:16px !important;
}
Versuchs mal damit.
Sonst vllt. Noch "i.fa-phone"
.fa-chevron-circle-right {
margin-right: 10px;
}
Da kommt leider nur das, nichts bzgl. font size. Kann ich das irgendwie manuell eintragen? Ist das die richtige methode? Bin lost bei css... :D