• Resolved themarkpike

    (@themarkpike)


    I am importing a Tumblr blog into my WordPress sidebar.

    https://www.themarkpike.com/blog/

    The links are always showing up as block links, which makes the formatting look weird (forces a line break and includes a bullet). I was hoping to remove these block links and just have the links show like they do within the body of my posts on the WordPress content.

    Any suggestions would be appreciated. Thank you!

    #sidebar {
    width:250px;
    float:right;
    margin:0 0 15px 0;
    }
    #sidebar h3 {
    font-family:Tw Cen MT;
    font-size:28px;
    margin:30px 0 10px 0;
    font-weight:normal;
    line-height:32px;
    float:left;
    }
    #sidebar .block ul {
    border-bottom:1px dotted #ccc;
    }
    #sidebar .block ul .children{
    border:0;
    padding: 0 0 0 8px;
    }
    #sidebar .block li {
    border-top:1px dotted #ccc;
    }
    #sidebar .block li a {
    background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
    font-size:13px;
    font-weight:normal;
    padding:2px 0 2px 15px;
    display:block;
    border-bottom:none;
    }
    #sidebar .block li a:hover {
    background:#f7f7f7 url(images/bullet_red.gif) no-repeat scroll 6px 52%;
    }
    #sidebar .widget_search label {
    display:block;
    padding:25px 0 3px 0;
    font-size:18px;
    border-bottom:1px dotted #ccc;
    margin:0 0 5px;
    }
    #sidebar .widget_recent_comments li {
    background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
    padding:2px 0 2px 15px;
    }
    #sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
    background:none;
    border-bottom:1px dotted #000;
    text-decoration:none;
    color:#000;
    font-weight:600;
    }
    #sidebar .widget_recent_comments li a:hover {
    color:#e12000;
    border-bottom:1px dashed #e12000;
    background-color:#f7f7f7;
    }
    #sidebar .widget_tag_cloud h3 {
    margin:0 0 8px;
    border-bottom:1px dotted #ccc;
    }
    #sidebar .widget_text h3 , #sidebar .calendar h3{
    border-bottom:1px dotted #ccc;
    }
    #sidebar .calendar h3{
    display:none;
    }
    #sidebar #wp-calendar {
    width:95%;
    text-align:center;
    }
    #sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
    text-align:center;
    }
    #sidebar #wp-calendar caption {
    font-size:18px;
    padding:25px 0 3px 0;
    }
    #sidebar #wp-calendar th {
    font-weight: bold;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    }
    #sidebar #wp-calendar tfoot td{
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    }

    tumblo {max-width: 250px;}
    .tumblo img {max-width: 160px;}
    .tumblo div {margin:0 0 10px 0;}
    .tumblo div a.link {font-size:999px}
    .tumblo object {width:160px;height:130px;}

    .tumblr_posts li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #999;}
    .tumblr_link, .tumblr_title {font-weight:bold;}
    .tumblr_posts object {max-width:250px;width:250px;max-height:260px;margin-bottom:4px;}
    .tumblr_posts embed {max-width:250px;width:250px;max-height:260px;margin-bottom:4px;}
    .tumblr_posts img {max-width:250px;width:250px;}
    .audio_player {border:2px solid #413c36;margin-bottom:4px;max-width:250px;width:250px;padding:0;}

Viewing 1 replies (of 1 total)
  • Thread Starter themarkpike

    (@themarkpike)

    Fixed it.

    Just deleted this:

    #sidebar .block li a {
    background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
    font-size:13px;
    font-weight:normal;
    padding:2px 0 2px 15px;
    display:block;
    border-bottom:none;
    }
    #sidebar .block li a:hover {
    background:#f7f7f7 url(images/bullet_red.gif) no-repeat scroll 6px 52%;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Sidebar Block Links (Import Tumblr)’ is closed to new replies.