Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Stripping DIV from Category Page


  #1  
Old Oct 24, 2013, 06: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, 07:04 PM
juggledad's Avatar
juggledad
 
23,765 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, 12:43 PM
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, 06:24 AM
juggledad's Avatar
juggledad
 
23,765 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



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 07:51 AM
[SOLVED] Prevent html stripping on archives/excerpts bswb97 Center area post/pages 2 Jul 17, 2011 06:25 PM


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


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