geez 0 Report post Posted March 17, 2011 Hi - I would like to add a transparent gif only to my post category pages. I do not want to use a widget area because I want to absolutley position it to the bottom right of the screen. I cannot work out where the code is in the template files that creates the category loop. Can anyone point me in the right direction? Thanks. Share this post Link to post Share on other sites
Kate 3 Report post Posted March 17, 2011 Hi Jenny, Would using the CSS background property work? If so, then check out the body tag of your category pages... it should have a class you can use to target the category pages and set the background of the element you want. Share this post Link to post Share on other sites
geez 0 Report post Posted March 17, 2011 Thanks for the fast response. I never used this method before. I saw the body tag was this <body class="archive category category-bench-desking logged-in full_width"> I used the css .archive { background: url('../more-products.gif') no-repeat bottom right; } which worked - but it removed the background image used for the footer which I assume is coded elsewhere within the body tag. None of the other classes seem to be category page specific so I do not think this is going to work. Any idea where the category page loop is coded in platform? Share this post Link to post Share on other sites
cmunns 16 Report post Posted March 17, 2011 on the contrary any selector/class is specific on that page if you precede it with .archive e.g. `.archive #footer {}` Share this post Link to post Share on other sites
geez 0 Report post Posted March 18, 2011 What can I say, thanks and I had had a long day! This was indeed the solution - this is the code I used. .archive #page { background-image: url('../more-products.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: 100% 100%; } Share this post Link to post Share on other sites
