indiviueller css-style für footer-column

  • Hallo Wissende!

    Ich benutzte WP 3.2 und das Theme "Ventura" von Themeforest und möchte für die drei Footer columns-Widgets unterschiedliche Line-heights.
    Wenn ich den CSS-wert nicht individuell vergeben kann, steht die Beschriftung für mein "Contact form 7" zu weit über den Eingabefeldern.

    Dies lässt sich aber nicht im style.css einstellen.
    Was auch immer ich dort einstelle, betrifft immer gleich alle meine Widgets im Footer.

    Was kann ich tun?

    Kann man das als PHP-Befehl schreiben?
    Wie würde der PHP-Befehl aussehen, um dem footer column two im footer einen individuellen css-style zu geben?
    Wo müsste ich das reinschreiben?

    Hier ist das PHP, wie es momentan ist:
    <?php $theme_options = get_option('option_tree'); ?>
    <div id="omc-footer">
    <div id="omc-footer-top"></div>
    <div id="omc-footer-lighting">
    <div id="omc-footer-widget-wrapper">
    <div class="footer-column one">
    <?php if ( ! dynamic_sidebar( 'Footer Column One' ) ) : endif; ?>
    </div><!-- /footer-column-one -->
    <div class="footer-column two">
    <?php if ( ! dynamic_sidebar( 'Footer Column Two' ) ) : endif; ?>
    </div><!-- /footer-column-two -->
    <div class="footer-column three">
    <?php if ( ! dynamic_sidebar( 'Footer Column Three' ) ) : endif; ?>
    </div><!-- /footer-column-three -->
    <br class="clear" />
    </div><!-- /omc-footer-widget-wrapper -->

    Danke im Vorraus!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • zB diese zeilen:

    PHP
    <div class="footer-column one">

    und

    PHP
    <div class="footer-column two">

    und

    PHP
    <div class="footer-column three">

    zeigt, dass jede footer-column eine eigene css class hat;

    einfach im style.css einfuegen; zB:

    Code
    .footer-column.two { line-height: 120%; }


    http://www.w3schools.com/cssref/pr_dim_line-height.asp

    ps:
    zum code-posten gibt's die drei buttons, rechts in der unteren button-zeile - der rechteste ist fuer php-code - damit bleibt der code besser lesbar.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!