dumaree84Hi
I have managed to add a cutom button to my posts, I did this by editing the single.php file.
I now want to add the same button to my blog page as it only appears when you click through to the post. I have tried to edit the index.php with the same code but it doesn't work.
I also want to style the blog page (which shows all your posts or multiple posts) so the permalink title of the post sits within a box much like http://www.fantasyfootballscout.co.uk with my cutom dat button.
I am using Elbee Elgee Theme
My site is in maintenance mode so i'm unable to show an example of the pages
Here is my editor-style.css Stylesheet
<br />
/* @group Reset CSS<br />
Based on YUI Reset CSS */<br />
table {<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
fieldset,img {<br />
border: 0;<br />
}<br />
address,caption,cite,code,dfn,em,strong,th,var {<br />
font-style: normal;<br />
font-weight: normal;<br />
}<br />
ol,ul {<br />
list-style: none;<br />
}<br />
caption,th {<br />
text-align: left;<br />
}<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size: 100%;<br />
font-weight: normal;<br />
}<br />
q:before,q:after {<br />
content:'';<br />
}<br />
abbr,acronym { border:0;<br />
}</p>
<p>/* @end */</p>
<p>/* @group Fonts set<br />
Based on YUI fonts set */</p>
<p> body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}<br />
table {font-size:inherit;font:100%;}</p>
<p> select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}</p>
<p> pre, code {font:115% monospace;*font-size:100%;}</p>
<p> body * {line-height:1.22em;}</p>
<p>/* @end */</p>
<p>/* @group List reset */</p>
<p>#navigation ul, #extra ul, #footer ul, #footer ol, #bigbar ul {<br />
margin: 5px 0 0;<br />
padding-left: 0;<br />
padding-right: 5px;<br />
}</p>
<p>#navigation ul li, #extra ul li, #footer ul li, #bigbar ul li {<br />
list-style-type: none;<br />
list-style-image: none;<br />
}</p>
<p>/* @group Alignment classes */</p>
<p>.center, .aligncenter {<br />
text-align: center;<br />
margin: 0 auto;<br />
}</p>
<p>.alignright {<br />
float: right;<br />
}</p>
<p>.alignleft {<br />
float: left<br />
}</p>
<p>/* @end */</p>
<p>/* @group Image classes */</p>
<p>img.center, img.aligncenter, img[align="center"] {<br />
display: block;<br />
margin: 0 auto !important;<br />
_margin-right: auto;<br />
_margin-left: auto;<br />
}</p>
<p>img.alignright, img[align="right"] {<br />
padding: 4px !important;<br />
_padding: 4px;<br />
margin: 0 0 2px 7px !important;<br />
display: inline;<br />
}</p>
<p>img.alignleft, img[align="left"] {<br />
padding: 4px;<br />
_padding: 4px;<br />
margin: 0 7px 2px 0;<br />
display: inline;<br />
}</p>
<p>img.noborder {<br />
border: none !important;<br />
}</p>
<p>#content img {<br />
margin-left: -5px;<br />
padding: 4px;<br />
border: 1px solid #ccc;<br />
max-width: 100%;<br />
}</p>
<p>.lifestream_icon img, .btc-summary img {<br />
border: 0 none !important;<br />
}</p>
<p>#flickrrss img {<br />
border: 0 none;<br />
padding: 5px;<br />
}</p>
<p>.wp-caption {</p>
<p>}</p>
<p>.wp-caption-text {</p>
<p>}</p>
<p>.gallery-caption {</p>
<p>}<br />
/* @end */</p>
<p>/* @group Gravatar classes */</p>
<p>.gravatar, .avatar {<br />
float: left;<br />
padding: 3px;<br />
border: 1px solid #3c3c3c;<br />
background: #fff;<br />
margin-right: 10px;<br />
margin-bottom: 5px;<br />
margin-left: 5px !important;<br />
}</p>
<p>.postgrav {<br />
float: left;<br />
padding: 3px;<br />
margin-right: 5px;<br />
margin-left: 5px;<br />
border: 1px solid #000;<br />
background: transparent;<br />
}</p>
<p>/* @end */</p>
<p>/* @group Navigation classes */</p>
<p>.navigation {<br />
text-align: center;<br />
margin: 10px 0 10px;<br />
padding: 0;<br />
width: 100%;<br />
}<br />
.navigation .left {<br />
float: left;<br />
width: 50%;<br />
text-align: left;<br />
}</p>
<p>.navigation .right {<br />
float: right;<br />
width: 50%;<br />
text-align: right;<br />
}</p>
<p>/* @end */</p>
<p>/* @group Clearing classes */</p>
<p>.clear {<br />
clear: both;<br />
margin: 0;<br />
padding: 0;<br />
}</p>
<p>.listclear {<br />
clear: both;<br />
height: 1px;<br />
overflow: hidden;<br />
}</p>
<p>/* @end */</p>
<p>div.message {<br />
width: 80%;<br />
margin: 0 auto;<br />
padding: 10px 20px 10px 20px;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
font-size: 1em;<br />
}</p>
<p>.information {<br />
background-color: #F8FAFC;<br />
border-top: 2px solid;<br />
border-bottom: 2px solid;<br />
border-color: #B5D4FE;<br />
color: #333;<br />
}</p>
<p>.notification, .category-notification {<br />
border-color: #669933;<br />
border: 1px solid;<br />
background-color: #9BCF7B;<br />
color: #333;<br />
padding: 10px;<br />
}</p>
<p>.alert, .category-alert {<br />
border: 1px solid;<br />
border-color: #DDDB54;<br />
background-color: #FFFFCC;<br />
color: #000;<br />
padding: 10px;<br />
}</p>
<p>.warning, .category-warning {<br />
border: 1px solid;<br />
border-color: #D43C3C;<br />
background-color: #faa19f;<br />
color: #000;<br />
padding: 10px;<br />
}</p>
<p>.sticky {<br />
border: 1px solid #097bc3;<br />
background: #9ed2fb;<br />
padding: 10px;<br />
}</p>
<p>.bypostauthor {</p>
<p>}</p>
<p>/*<br />
@group Page-wide defaults<br />
*/<br />
body{<br />
background-color: #efefef;<br />
}</p>
<p>a:link, a:visited{<br />
color: #0971B3;<br />
text-decoration: none;<br />
}</p>
<p>a:active, a:hover{<br />
text-decoration: underline;<br />
}</p>
<p>.startTranslucent {<br />
background:rgb(0,0,0);<br />
background:rgba(0,0,0,0.5);<br />
-ms-filter:alpha(opacity=50);<br />
filter:alpha(opacity=50)<br />
}</p>
<p>.stopTranslucent{<br />
position: relative;<br />
}</p>
<p>#tinymce dl {<br />
padding-left: 1em;<br />
padding-top: 1em;<br />
}</p>
<p>#tinymce dt {<br />
font-weight: bold;<br />
}</p>
<p>#tinymce dd {<br />
padding-left: 1em;<br />
}</p>
<p>/* @end */</p>
<p>div#container {<br />
border: 1px solid #333;<br />
}</p>
<p>/* @group Content Elements */<br />
#tinymce{</p>
<p>}</p>
<p>#tinymce h2 a, #tinymce h1, h1.entry-title {<br />
font-size: 2em;<br />
font-weight: bold;<br />
padding-top: 0.5em;<br />
margin-top: 0.5em;<br />
}</p>
<p>#tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6,<br />
.comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 {<br />
font-weight: bold;<br />
clear: both;<br />
}</p>
<p>#tinymce h2, .comment-body h2 {<br />
font-size: 1.8em;<br />
}</p>
<p>#tinymce h3, .comment-body h3 {<br />
font-size: 1.6em;<br />
}</p>
<p>#tinymce h4, .comment-body h4 {<br />
font-size: 1.4em;<br />
}</p>
<p>#tinymce h5, .comment-body h5 {<br />
font-size: 1.2em;<br />
}</p>
<p>#tinymce h6, .comment-body h6 {<br />
font-size: 1.0em;<br />
}</p>
<p>#tinymce blockquote, .comment-body blockquote {<br />
padding: 5px 15px 0 15px;<br />
margin-bottom: 10px;<br />
background: #eee;<br />
font-style: italic;<br />
}</p>
<p>#tinymce table, .comment-body table {<br />
width: 95%;<br />
margin: 0 auto;<br />
}</p>
<p>#tinymce table th, .comment-body table th {<br />
text-transform: uppercase;<br />
text-align: left;<br />
}</p>
<p>#tinymce table tr td, .comment-body table tr td {<br />
border-top: 1px solid #bbb;<br />
padding: 5px 10px 5px 10px;<br />
}</p>
<p>ol.commentlist ul.children{<br />
margin-left: 20px;<br />
}</p>
<p>#tinymce ul, .comment-body ul {<br />
list-style-type: disc;<br />
margin-left: 22px;<br />
}</p>
<p>#tinymce ul ul, .comment-body ul ul {<br />
list-style-type: circle;<br />
}</p>
<p>#tinymce ul ul ul, .comment-body ul ul ul {<br />
list-style-type: square;<br />
}</p>
<p>#tinymce ol, .comment-body ol {<br />
list-style-type: decimal;<br />
margin-left: 22px;<br />
}</p>
<p>#tinymce ol ol, .comment-body ol ol {<br />
list-style-type: lower-latin;<br />
}</p>
<p>#tinymce ol ol ol, .comment-body ol ol ol {<br />
list-style-type: lower-roman;<br />
}</p>
<p>#tinymce abbr, #tinymce dfn, #tinymce acronym,<br />
.comment-body abbr, .comment-body dfn, .comment-body acronym {<br />
border-bottom-style: dotted;<br />
cursor: help;<br />
border-bottom-width: 1px;<br />
}</p>
<p>#tinymce pre, .comment-body pre {<br />
padding: 5px 20px 5px 20px;<br />
margin-left: 20px;<br />
background: #eee;<br />
} </p>
<p>#tinymce strong, .comment-body strong{<br />
font-weight: bold;<br />
}</p>
<p>#tinymce p {<br />
padding-bottom: 0.7em<br />
}</p>
<p>#tinymce div.post {<br />
margin-bottom: 1em;<br />
}</p>
<p>#tinymce img.wp-post-image {<br />
margin: 0 auto;<br />
display: block;<br />
}</p>
<p>#tinymce img {<br />
max-width: 100%;<br />
}</p>
<p>/* @end */</p>
<p>/* @group Comment Elements */</p>
<p>h2#comments {<br />
font-weight: bold;<br />
font-size: 1.4em;<br />
}</p>
<p>.commentlist li.comment, .commentlist li.pingback,<br />
.commentlist li.trackback {<br />
clear: both;<br />
margin-top: 15px;<br />
padding-top: 10px;<br />
}</p>
<p>.commentlist > li {<br />
border-top: 1px solid #1a1c1d;<br />
}</p>
<p>.commentlist li.depth-2, .commentlist li.depth-3, .commentlist li.depth-4 {<br />
border-left: 1px solid #1a1c1d;<br />
}</p>
<p>.commentlist > li.even {<br />
background: #f6f6f6;<br />
}</p>
<p>.commentlist > li.highlight {<br />
/*background: #cddce5;*/<br />
}</p>
<p>.commentlist img.gravatar, .commentlist img.avatar {<br />
float: left;<br />
background-color: #fff;<br />
border: 1px solid #3c3c3c;<br />
}</p>
<p>.commentlist div.comment-meta {<br />
float: right;<br />
font-size: 0.8em;<br />
}</p>
<p>.commentlist span.comment-date{<br />
font-size: 0.8em;<br />
}</p>
<p>.commentlist div.comment-author {<br />
display: inline;<br />
font-size: 1.5em;<br />
}</p>
<p>.commentlist div.comment-body{<br />
margin-left: 5px;<br />
}</p>
<p>.commentlist div.reply{<br />
clear: both;<br />
text-align: right;<br />
}</p>
<p>p.form-allowed-tags {<br />
font-size: 0.8em;</p>
<p>}</p>
<p>/* @end */</p>
<p>/* @group Sidebar Elements */<br />
#primarysb > ul > li, #secondarysb > ul > li,<br />
#footerleft > ul > li, #footerright > ul > li {<br />
border: 3px solid #eee;<br />
padding: 4px;<br />
margin:4px;<br />
overflow: auto;<br />
}</p>
<p>#primarysb h4, #secondarysb h4,<br />
#footerleft h4, #footerright h4 {<br />
background-color: #333;<br />
width: 97%;<br />
color: #fff;<br />
padding: 3px;<br />
}</p>
<p>#calendar_wrap {<br />
padding: 15px;<br />
}</p>
<p>#wp-calendar {<br />
width: 90%;<br />
margin: 0 auto;<br />
}</p>
<p>#wp-calendar caption {<br />
font-weight: bold;<br />
text-align: center;<br />
margin-bottom: 10px;<br />
}</p>
<p>#wp-calendar th {<br />
border-bottom: 1px solid;<br />
}</p>
<p>#wp-calendar td#today {<br />
font-weight: bold;<br />
}</p>
<p>/* @end */</p>
<p>/* @group Footer Elements */<br />
div#footer {<br />
background: #333;<br />
}<br />
div#footerwrapper {<br />
width: 960px;<br />
margin: 0 auto;<br />
background: #fff;<br />
}</p>
<p>/* @end */</p>
<p>Here is my index.php<br />
<?php
/**
* BuddyPress - Members Directory
*
* @package BuddyPress
* @subpackage bp-default
*/
?>
<?php get_header( 'buddypress' ); ?>
<?php do_action( 'bp_before_directory_members_page' ); ?>
<?php get_template_part( 'bp-wrapper-header' ); ?>
<?php do_action( 'bp_before_directory_members' ); ?>
<form action="" method="post" id="members-directory-form" class="dir-form">
<h3><?php _e( 'Members Directory', 'buddypress' ); ?></h3>
<?php do_action( 'bp_before_directory_members_content' ); ?>
<div id="members-dir-search" class="dir-search" role="search">
<?php bp_directory_members_search_form(); ?>
</div><!-- #members-dir-search -->
<div class="item-list-tabs" role="navigation">
-
<li class="selected" id="members-all">"><?php printf( __( 'All Members <span>%s</span>', 'buddypress' ), bp_get_total_member_count() ); ?>
<?php if ( is_user_logged_in() && bp_is_active( 'friends' ) && bp_get_total_friend_count( bp_loggedin_user_id() ) ) : ?>
<li id="members-personal">"><?php printf( __( 'My Friends <span>%s</span>', 'buddypress' ), bp_get_total_friend_count( bp_loggedin_user_id() ) ); ?>
<?php endif; ?>
<?php do_action( 'bp_members_directory_member_types' ); ?>
</div><!-- .item-list-tabs -->
<div class="item-list-tabs" id="subnav" role="navigation">
<?php do_action( 'bp_members_directory_member_sub_types' ); ?>
<li id="members-order-select" class="last filter">
<label for="members-order-by"><?php _e( 'Order By:', 'buddypress' ); ?></label>
<select id="members-order-by">
<option value="active"><?php _e( 'Last Active', 'buddypress' ); ?></option>
<option value="newest"><?php _e( 'Newest Registered', 'buddypress' ); ?></option>
<?php if ( bp_is_active( 'xprofile' ) ) : ?>
<option value="alphabetical"><?php _e( 'Alphabetical', 'buddypress' ); ?></option>
<?php endif; ?>
<?php do_action( 'bp_members_directory_order_options' ); ?>
</select>
</div>
<div id="members-dir-list" class="members dir-list">
<?php locate_template( array( 'members/members-loop.php' ), true ); ?>
</div><!-- #members-dir-list -->
<?php do_action( 'bp_directory_members_content' ); ?>
<?php wp_nonce_field( 'directory_members', '_wpnonce-member-filter' ); ?>
<?php do_action( 'bp_after_directory_members_content' ); ?>
</form><!-- #members-directory-form -->
<?php do_action( 'bp_after_directory_members' ); ?>
<?php get_template_part( 'bp-wrapper-footer-top' ); ?>
<?php do_action( 'bp_after_directory_members_page' ); ?>
<?php get_template_part( 'bp-wrapper-footer-bottom' ); ?>
auxclass