Edit my footer and logos

  • nourishflourishme · Member ·

    i would like to edit the footer where my logos are and make them smaller and in a long line instead of columns

    The blog I need help with is: (visible only to logged in users)

  • omkarbhagat · Member ·

    Hi there,

    I checked your site. And to do something what you described, you will need to use Custom CSS.

    Note that Custom CSS is only available on premium and business plans. More info on that here (check the advanced design customization feature) –
    https://wordpress.com/plans

    I achieved the design you described using the following code –

    Remove widgets from 2nd and 3rd column. Just maintain first column in the footer. And then use this CSS –

    .widget-area {
width:100% !important;
}

    This is the content of your text widget in first column –

    <div style="width:100%;padding:0 10px 0 0;float:left;"><a href="http://www.shoeiassured.co.uk"><img class="wp-image-58 aligncenter" src="https://jakedixondotcom.files.wordpress.com/2016/02/shoei-white1.png" alt="SHOEI" width="229" height="59"></a></div>

<div style="width:100%;padding:0 10px 0 0;float:left;padding-top:20px;"><a href="http://www.spidi.com"><img class="size-full wp-image-81 aligncenter" src="https://jakedixondotcom.files.wordpress.com/2016/02/spidi-white-2.png" alt="spidi" width="230" height="52"></a></div>

<div style="width:100%;padding:0 10px 0 0;float:left;padding-top:20px;"><a href="http://www.spidi.com"><img class="size-full wp-image-81 aligncenter" src="https://jakedixondotcom.files.wordpress.com/2016/01/img_3604.png" alt="revo" width="230" height="52"></a></div>

    I changed the inline styles for each division to this –
    style="width:100px; padding:10px; float:left;"

    That helped me to get each item in a single line. I hope this helps in some way :)

  • The topic ‘Edit my footer and logos’ is closed to new replies.