Viewing 5 replies - 1 through 5 (of 5 total)
  • You will want to modify your style.css file with changes similar to the following:

    #sidebar ul.menu li.menu-item {
    padding: 0;
    }
    #sidebar .menu-item a {
    display: block;
    padding: 2px 0 2px 14px;
    }

    That should make the link itself take up the entire “cell”.

    Thread Starter RebootRecords

    (@rebootrecords)

    Perfect!

    Thank you very much!

    Thread Starter RebootRecords

    (@rebootrecords)

    One more question – I have some images in my side bar that are now listed vertically after this change

    can i change them back to horizontal?

    The code is below

    <a href="https://www.facebook.com/rebootrecordsuk" target="_blank"><img border="0" src="https://rebootrecords.co.uk/images/facebook.png" width="32" height="32" hspace="3" vspace="5" title="Facebook"></a><a href="https://www.twitter.com/rebootrecords" target="_blank"><img border="0" src="https://rebootrecords.co.uk/images/twitter.png" width="32" height="32" hspace="3" vspace="5" title="Twitter"></a><a href="https://www.myspace.com/rebootrecordsuk" target="_blank"><img border="0" src="https://rebootrecords.co.uk/images/myspace.png" width="32" height="32" hspace="3" vspace="5" title="MySpace"></a><a href="https://www.soundcloud.com/rebootrecords" target="_blank"><img border="0" src="https://rebootrecords.co.uk/images/soundcloud.png" width="32" height="32" hspace="3" vspace="5" title="SoundCloud"></a><a href="https://www.youtube.com/rebootrecords" target="_blank"><img border="0" src="https://rebootrecords.co.uk/images/youtube.png" width="32" height="32" hspace="5" vspace="5" title="YouTube"><a href="https://www.discogs.com/label/Reboot+Records" target="_blank"><img border="0" src="https://rebootrecords.co.uk/images/discogs_icon.png" width="32" height="32" hspace="3" vspace="5" title="Discogs"></a></p>

    That’s weird. Did you add the code exactly as I showed it above? The #sidebar ul.menu li.menu-item and #sidebar .menu-item a shouldn’t effect those items, becuase they’re inside of #sidebar div.textwidget instead.

    Regardless, yes, you should be able do so by adding the following CSS:

    #sidebar li.widget {
    clear: both;
    }
    #text-5 .textwidget a {
    float: left;
    }

    Thread Starter RebootRecords

    (@rebootrecords)

    Again that worked a treat!

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to turn cells into links’ is closed to new replies.