Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Stripping DIV from Category Page


  #1  
Old Oct 24, 2013, 05:10 PM
BywayWriter
 
27 posts · Mar 2013
My CSS styling for a DIV used on a post is messing with the layout of the category page (listing posts in that category). I'd like to have the date written over an image on each post. The issue is that the date then shows up in the site header on the category page. Is there a way to have Atahualpa strip the DIV from the category page? Sorry, it is an internal site, so can't provide links.

CSS
Code:
#wu-img-container
{
    height:96px;
    width:598px;
    position:relative;
}
#wu-image
{   
    position:absolute;
    left:0;
    top:0;
}
#wu-date
{
    z-index:100;
    position:absolute;    
    color:#757575;
    font-size:22px;
    font-weight:bold;
    font:copperplate gothic bold;
    left:345px;
    top:32px;
}
The DIV
Code:
<div id="wu-img-container">

<a href="http://url.org"> <img id="wu-image" alt="Weekly Update" src="http://img-url.org" /></a>
<p id="wu-date">October 21, 2013</p>
&nbsp;

</div>
  #2  
Old Oct 24, 2013, 06:04 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Since each page has a class in the <body...> html, you can always target the CSS to the div on that page by using 'body.page_id_nn' as the prefix of your css (nn is the ID number for the page.

note: if it is on the blog page, you use 'body.home'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 29, 2013, 11:43 AM
BywayWriter
 
27 posts · Mar 2013
Is there any way to do the opposite of targeting by page and omit the CSS from certain pages? This is a section that gets new posts weekly and would require too much CSS-upkeep to continually add new IDs.
  #4  
Old Nov 1, 2013, 05:24 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
sure, have a general css selector/rule to turn it off followed by a specific css selector/rule to turn it on for the pages you want it
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Home page stripping tags! Any help? twb716 Atahualpa 3 Wordpress theme 19 Aug 30, 2012 06:51 AM
[SOLVED] Prevent html stripping on archives/excerpts bswb97 Center area post/pages 2 Jul 17, 2011 05:25 PM


All times are GMT -6. The time now is 11:19 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.