Page-Specific HTML/CSS Inserts?
Hi! I am using Atahaulpa3.4.6, and here is a link to my site.
I have created essentially an entire page for the front page by inserting an image map div container via Theme Options>HTML/CSS inserts. It works fine except, of course, whatever I insert there applies to every page of the site. How can I make this container page-specific and create another html/css insert that will apply to a different page of the site? Thank you! |
To define a specific page go to the page you want to affect with the styling and look at the source. Search for body class= and you will see something like <body class="page page-id-891.... Use the page id followed by the item you want to select on that page in CSS Inserts (EG body.page-id-891 div#imagecontainer). I hope that's clear.
|
Thank you so much for that help. But I'm still a bit confused, maybe because my div contains an image map? With the code you supplied that goes into CSS inserts, how do I call the specific div container (containing the image map) in order to assign it to that page id?
In other words, in the code you included for the CSS inserts section... body.page-id-333 div#imagecontainer ...What calls the specific container I want to display on that page? Sorry if I seem simple in my understanding..I am a bit new to most of this. Thank you again! |
Right now I see nothing on the site you sent the link to. I reread your question and was wondering why not put the image map on a page and use that as a static home page vs putting it in where you did which I assume is in the HTML Inserts: Body Top?
|
All times are GMT -6. The time now is 10:18 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.