Customize continue reading

[nachoarteaga 0]

Hi, Im from Argentina (my english is not so good). Im using Platform base, and i want to customize the "continue reading" link. I want to add a small .png image to replace de right arrow. my site is www.plazademayo.com/plaza2 Please help me!! Thanks Nacho

[Kate 3]

Hi Ignacio, You would have to edit template-postloop.php. Do a search for "continue reading" and you should find the arrows. Delete those. Then you can either insert the PNG there, or set it as a CSS background property of the "continue reading" link. Before editing template.postloop.php I recommend copying it to your base folder.

[samyone 0]

Hi Kate, Sorry but that change nothing when copying template.postloop.php in plateformbase theme and clear the arrow.

[nachoarteaga 0]

Kate, thanks for your answer, I??ll try right now Regards

[nachoarteaga 0]

Kate, I found the "continue readinig" but there was nothing there about the arrow. Maybe its too much for me, thanks anyway. Nacho

[bryan-hadaway 3]

Sorry, what theme is everyone using? The instructions won't be the same. Thanks, Bryan

[samyone 0]

Right Bryan I'm using PlatformBase 1.3.1 - PlatformPro 1.3.0.2

[Simon 248]

The arrow has a css class `right_arrow` you can target this with some css and set an image over it.

[nachoarteaga 0]

Im using PlatformPro 1.3 and platform base as active theme. Im new in this world, I need the css rule to add to the custom css. Thanks.

[cmunns 16]

`a.continue_reading_link` Try using FireBug if you want to get selectors next time. It's a really cool tool.

[nachoarteaga 0]

Is this correct? body .clip .post-excerpt a.continue_reading_link { <span class="image-background">url('http://humahuaca.com/wp-content/uploads/2011/03/arrow.png') !important; background-repeat:no-repeat !important; </span> } thanks

[kastelic 6]

No this isn't right at all. You've got a mixture of CSS and HTML here. It's more like this:

.right_arrow{
	background: url(YOURIMAGEURL) no-repeat;
	font-size:0px;
	display:block;
	width:20px;
	height:20px;
	}

Now the display, width, and height properties are only necessary if your image is too big. The font-size set to zero will hide the arrow that is currently there. Alternatively, go into template.postloop.php and replace this:

`<?php _e('→', 'pagelines');?>`[/code]

	
	with this:
	
	

[code]``