9 replies to this topic

[cocogreen]

How do I swap the title page image on Eco Pro from the green band to something of my choosing. But make it go all the way across the page with no White space either left or right. Thanks a lot

[kastelic]

Here is the CSS currently applied to make that band:

 
	#spotlight, #footer {
	background: #679810 url(../images/eco-bg-spotlight-rpt.jpg) repeat-x center top;
	}

So, you could either put in your own CSS targeting #spotlight and using your own image, or you could overwrite that image with your own image.

Course, that will change the footer too.

[cocogreen]

Is there a method of showing different pictures for different pages; rather than simply replacing one image with another. For examlpe if I had one page called Fruit; I would want a picture of fruit; and another page flowers; I would want a picture of flowers; but in the same layout as the Highlight Page. Thanks very much

[cocogreen]

Any ideas anyone? Previous suggestion works accross whole theme but not for individual pages. Thanks

[kastelic]

Sure, just prepend the rule with the page id, which can be found by viewing the source and looking at the opening body tag.

example:

 
	.page-id-123 #spotlight{
	background: #679810 url(IMAGE-ONE-URL) repeat-x center top;
	}
	.page-id-456 #spotlight{
	background: #679810 url(IMAGE-TWO-URL) repeat-x center top;
	}
	.home #spotlight{
	background: #679810 url(IMAGE-THREE-URL) repeat-x center top;
	}

[cocogreen]

kastelic, your a legend, thanks buddy

[Rob]

Shall I close this topic for you?

[cocogreen]

It works but, if you take a look at the page i am testing it on the image is cut just to the center. I would like the image (which is 2000px width) to appear over the green repeated image at the left and right; as well as the center. http://www.cocogreen...custom-products Any advise would be very much appreciated. Thanks Cocogreen

[kastelic]

Sorry for the delay, change it to this: .page-id-123 #spotlight .effect{

[cocogreen]

Hey Kastelic, thanks for getting back to me with this; however I tried the following; and it does not work; it has reverted back to the original image. Where you have Spotlight I have put Highlight, as this is for Eco Pro. .page-id-216 #highlight .effect { background: #679810 url(http://www.cocogreen...s/coco-peat.jpg) repeat-x center top; } Again any further help would be appreciated