Footer Widgets Display incorrectly

  • campbells

    (@campbells)


    9 years, 8 months ago

    Yesterday I posted about how I broke my functions.php file and crashed my webpage.

    We restored the backed up functions file but now my footer widgets are not displaying correctly.

    The our store listings at the bottom of this webpage. http://www.campbellstruevalue.com/

    Is this something to do with the functions.php file or my style.css file?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Caciano Gabriel

    (@caci)

    9 years, 8 months ago

    Hi, you have an error in your phone tags:

    <a href=tel:"+1-207-474-2566"> 207-474-2566 </a>

    Change to:

    <a href="tel:+1-207-474-2566"> 207-474-2566 </a>

    And a CSS error in:
    http://www.campbellstruevalue.com/wp-content/themes/customizr-child/style.css

    Change the values of your footer columns to:

    #footer_one {width: 20% !important;}
#footer_two {width: 20% !important;}
#footer_three {width: 20% !important;}
#footer_four {width: 20% !important;}
#footer_five {width: 20% !important;}

    This should fix your errors.

    Thread Starter campbells

    (@campbells)

    9 years, 8 months ago

    This is the sytle.css I have. Can you show me how these should be listed in here? I only have four at the moment.

    /*
    Theme Name: Customizr Child
    Theme URI: http://themesandco.com/customizr
    Description: A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr’s core code. In order to keep your code as clean and flexible as possible, try to use Customizr’s hooks API for your customizations. Do something awesome and have fun !
    Author: Nicolas Guillaume (nikeo)
    Author URI: http://themesandco.com
    Template: customizr
    Version: 1.0.0
    */

    /* Your awesome customizations start right here !
    ————————————————————– */

    /* Phone*/

    .icon-phone:before{
    display: none;
    }

    @media screen and (max-width: 480px) {
    .icon-phone:before {
    display: inline;
    content: “\f50c”;
    }
    }

    /* START OF Change the Footer Widget Area */
    /* Center the widget text areas */

    footer#footer {
    text-align: center;

    }

    footer#footer

    }

    /* Or left-center-right the widget text areas */

    #footer_one {
    text-align: left;
    }

    #footer_two {
    text-align: center;
    }

    #footer_three {
    text-align: center;
    }

    #footer_four {
    text-align: right;
    }

    #footer_five {
    text-align: right;
    }

    #thumbnailCabin {
    display: inline !important;
    height: 169px;
    width: auto;
    left: -1px;
    top: -2px;
    }

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Footer Widgets Display incorrectly’ is closed to new replies.