• Resolved Tankman15

    (@tankman15)


    Hi

    I have been using WordPress and Storefront for about 2 weeks now and I have nearly got the design I like.

    There are a couple of things I would like to customise. I would like to change the size of the text and the links within Storefront. I have a basic child theme which I have created.

    There are 4 regions on the footer, region 1 to 3 have links and the 4th region I will be using for social media links.

    My css looks like:
    ‘/*
    Theme Name: Storefront-Child
    Description: This is my personal CSS file
    Version: 1.0.0 Alpha release
    Author: Tankman15
    Parent: storefront
    */

    /* Remove the site name from the header.
    ————————————————————– */
    .site-branding h1, .site-branding .site-description {
    visibility: hidden; display: none;
    }

    /* Set the global font to used (Tahoma).
    ————————————————————– */
    html * {
    font-family: Tahoma, Geneva, sans-serif;!important
    }

    /* Set the global headings.
    ————————————————————– */
    h1 {
    text-transform: capitalize;
    text-align: center;
    }
    h2 {text-transform: capitalize;}
    h3 {text-transform: capitalize;}

    /* Set footer text.
    ————————————————————– */
    .widget-area .widget {
    color: red;
    font-size: 10px;
    }’

    My functions.php looks like:
    ‘<?php

    // Import Storefront Styles
    add_action( ‘wp_enqueue_scripts’, ‘enqueue_parent_theme_style’ );
    function enqueue_parent_theme_style() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’ );
    }

    // Remove WooThemes Credit from Footer
    add_action( ‘init’, ‘custom_remove_footer_credit’, 10 );
    function custom_remove_footer_credit () {
    remove_action( ‘storefront_footer’, ‘storefront_credit’, 20 );
    add_action( ‘storefront_footer’, ‘custom_storefront_credit’, 20 );
    }
    function custom_storefront_credit() {
    ?>
    <div class=”site-info”>
    © <?php echo get_bloginfo( ‘name’ ) . ‘ ‘ . get_the_date( ‘Y’ ); ?>
    </div><!– .site-info –>
    <?php
    }

    // Remove search bar from the header.
    add_action( ‘init’, ‘jk_remove_storefront_header_search’ );
    function jk_remove_storefront_header_search() {
    remove_action( ‘storefront_header’, ‘storefront_product_search’, 40 );
    }
    ?>/’

    But this doesn’t change my text size. Does anyone know how to change my text and the links within the footer (region 1 to 3)?

    Thank you in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi,

    To change the text size of just the first 3 columns you could try something like:

    .footer-widgets .block:not(.footer-widget-4) {
    font-size: 2em;
    }

    Thanks

    Thread Starter Tankman15

    (@tankman15)

    Wow that worked a treat. Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change the footer text’ is closed to new replies.