Jump to content
Sign in to follow this  
geez

Category Page Floating Section

Recommended Posts

geez

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

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

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

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×