Customizing the 'more' tag with post formats

  • Anonymous

    #4451

    So I would like to make it so that when I have a post (With Post Format Video) with the ‘more’ tag it will show up like it does for the Standard post format.

    What it is right now:

    http://30dayslater.net/support/Video.png

    What Standard looks like:

    http://30dayslater.net/support/Standard.png

    How it should look:

    http://30dayslater.net/support/want.png

    Any ideas?

    Link to site: http://30dayslater.net

    Anonymous

    #28246

    Fixed it myself, for those that want to know add this to your Child Theme CSS:

    .format-video .more-link {
    background: url(images/bg-block-button.png) left bottom repeat-x #1C5FA5;
    background: -moz-linear-gradient(#2982C5, #1C5FA5);
    background: -webkit-linear-gradient(#2982C5, #1C5FA5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2982C5', EndColorStr='#1C5FA5')";
    background: linear-gradient(#2982C5, #1C5FA5);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0 0 5px #555;
    -webkit-box-shadow: 0 0 5px #555;
    box-shadow: 0 0 5px #555;

    border: 1px solid #1C5FA5;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12px arial;
    margin: 0 5px 5px;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 #16497E;
    }

    .format-video .more-link {
    background: url(images/bg-block-button.png) left bottom repeat-x #1C5FA5;
    background: -moz-linear-gradient(#2982C5, #1C5FA5);
    background: -webkit-linear-gradient(#2982C5, #1C5FA5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2982C5', EndColorStr='#1C5FA5')";
    background: linear-gradient(#2982C5, #1C5FA5);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0 0 5px #555;
    -webkit-box-shadow: 0 0 5px #555;
    box-shadow: 0 0 5px #555;

    border: 1px solid #1C5FA5;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12px arial;
    margin: 0 5px 5px;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 #16497E;
    }

    .format-video .more-link:hover,
    .format-video .more-link:hover,
    #commentform #submit:hover {
    background: url(images/bg-block-button-hover.png) left bottom repeat-x #1C5FA5;
    background: -moz-linear-gradient(#2982C5, #15467A);
    background: -webkit-linear-gradient(#2982C5, #15467A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2982C5', EndColorStr='#15467A')";
    background: linear-gradient(#2982C5, #15467A);
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    }

    And then to change the text from “(more…)”

    Add to your Child Theme Functions:

    <?php
    // Change some strings
    function graphene_filter_readmore( $translated, $original, $domain ) {
    $strings = array(
    '(more...)' => 'Read More &raquo;',
    );
    if ( ! empty( $strings[$original] ) ) {
    $translations = &get_translations_for_domain( $domain );
    $translated = $translations->translate( $strings[$original] );
    }
    return $translated;
    }
    add_filter( 'gettext', 'graphene_filter_readmore', 10, 3 );
    ?>
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!