[Anonymous]

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]

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 );

?>