Ondersteuning » Thema en CSS/opmaak » Footer kleur aanpassen

  • channaaah

    (@channaaah)


    Hoi! Ik loop tegen een probleem aan. Ik gebruik het theme Regina-lite, en ik zou met liefde een linkje naar de site sturen waar ik aan werk, maar ik heb er een maintenance plugin op, aangezien het gaat om een webwinkel die nog niet online mag, excuses hiervoor.

    Probleem is als volgt: ik wil de footer kleur veranderen. Normaal is dit natuurlijk piece of cake, maar nu kan ik zowel in de stylesheet, als in footer.php geen kleurcodes vinden. Überhaupt staat er nergens wat over kleur. Ik heb uiteraard de makers van het thema al gemaild, maar die willen mij alleen helpen als ik de betaalde versie van hun thema neem. Nu is de site al helemaal perfect, behalve dus de footer kleur. Om nou een heel thema te gaan kopen alleen om de kleur te veranderen, vind ik ook weer zoiets.. (Ik wil hier overigens niemand mee beledigen, als er niets anders op zit dan het thema te kopen, dan moet dat maar.)

    Hoe pak ik dit nu aan? Ik zal de footer.php plakken, zodat je een beetje een idee hebt waar ik mee te maken heb. Alvast heel erg bedankt!

    <?php
    $widget_args = array(
        'before_title'  => '<h6><small>',
        'after_title'   => '</small></h6>'
    );
    ?>
    <footer id="footer">
        <div class="container">
            <div class="row">
                <?php if( is_active_sidebar( 'footer-sidebar-1' ) ){ ?>
                    <div class="col-sm-3">
                        <?php dynamic_sidebar( 'footer-sidebar-1' ); ?>
                    </div><!--.col-sm-3-->
                <?php  } else { ?>
                    <div class="col-sm-3">
         <?php the_widget( 'WP_Widget_Text', 'title=Over&text=<a href="linknaaralgemenevoorwaarden">Algemene voorwaarden</a>
    ', $widget_args ); ?>
                    </div><!--/.col-sm-3-->
                <?php } ?>
    
                <?php if( is_active_sidebar( 'footer-sidebar-2' ) ) { ?>
                    <div class="col-sm-3">
                        <?php dynamic_sidebar( 'footer-sidebar-2' ); ?>
                    </div><!--.col-sm-3-->
                <?php } else { ?>
    
                <?php } ?>
    
                <?php if( is_active_sidebar( 'footer-sidebar-3' ) ){ ?>
                    <div class="col-sm-3">
                        <?php dynamic_sidebar( 'footer-sidebar-3' ); ?>
                    </div><!--.col-lg-3-->
                <?php } else { ?>
                     <div class="col-sm-3">
                        <?php the_widget( 'Regina_Lite_Widget_Contact', 'title=Contact&phone=telefoon nr&email=mail&facebook_link= Facebook link', $widget_args ); ?>
                    </div><!--.col-lg-3-->
    
                <?php } ?>
    
                <?php if( is_active_sidebar( 'footer-sidebar-4' ) ) { ?>
                    <div class="col-sm-3">
                        <?php dynamic_sidebar( 'footer-sidebar-4' ); ?>
                    </div><!--.col-lg-3-->
                <?php } else { ?>
                    <div class="col-sm-3">
                        <?php the_widget( 'Regina_Lite_Widget_Address', 'title=Adres&address=Naam<br />Mijn adres<br />Mijn postcode<br />', $widget_args ); ?>
                    </div><!--.col-lg-3-->
                <?php } ?>
                <a href="#" class="back-to-top"><span class="nc-icon-glyph arrows-1_bold-up"></span></a>
            </div><!--.row-->
        </div><!--.container-->
    </footer><!--#footer-->
    
    <footer id="sub-footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <?php echo get_theme_mod('regina_lite_footer_copyright', sprintf( '© %s', __('Naam bedrijf 2016', 'regina-lite') ) ); ?>
                </div>
            </div><!--.row-->
        </div><!--.container-->
    </footer><!--#sub-footer-->
    
    <?php get_search_form(); ?>
    <?php wp_footer(); ?>
    </body>
    </html>

    (Ik heb de tekst met telefoonnummers en namen uiteraard even aangepast.)

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • kan je in de style.css niet

    #footer {
    background:#jouwkleurcode;
    }

    toevoegen?

    Thread starter channaaah

    (@channaaah)

    Dankjewel voor je reactie!

    Nee helaas niet, althans, ik zie geen verandering. Maakt het nog uit waar in de style.css ik de code precies zet? Ik denk dat het ook wat complexer in elkaar steekt.. En om het nog even wat moeilijker te maken: de footer bestaat nu uit 2 kleuren zoals op onderstaande foto (wederom even info doorgekrast, sorry!), wat mij betreft wordt het een kleur, maar 2 kleuren is ook prima, zolang het het maar überhaupt een andere kleur wordt.

    View post on imgur.com

    probeer eens

    #footer {
    background:#jouwkleurcode !important;
    }

    Het is toch lastig om vanaf een plaatje en een stuk code aan te geven wat het kan zijn.
    Indien je een custom css plugin heb override die ook nog eens de andere codes.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Footer kleur aanpassen’ is gesloten voor nieuwe reacties.