CSS Help

theadventurebite · #1 Sep 28, 2012, 08:22 AM

I'm still struggling a bit with figuring out how to call certain functions in css.

For example this is my source code for a plugin I have on my category pages and on my single pages:

Code:

<div style="height:33px;" class="really_simple_share robots-nocontent snap_nopreview">

So I know I need to style it with the really_simple_share portion but I don't understand whether it should be a # or a div. and I don't understand how to style just the one on the category pages vs the one on the single pages. I have created a archives.php file for styling the category pages so maybe I need to add something there?

Help? Links to a tutorial? I hate it when I don't know what I don't know because I don't even have the right search terms to describe what I am trying to do.

Thank you so much,

Dani

juggledad · #2 Sep 28, 2012, 09:11 AM

check out the tutorials at htmldog.com

theadventurebite · #3 Sep 28, 2012, 11:20 AM

Thanks. Got the basic part understood much better.

That is a great site!

Still unsure of how to style just the output on the category pages. I found info on how to do it for a page number like this:

Code:

.page-id-454 .whatever whatever

but I can't seem to find anything for category pages.

is_category works in php so looking for something like that. If that doesn't exist I'm thinking I may need a separate css file for the archive page? Seems like a hassle for this little thing.

theadventurebite · #4 Sep 28, 2012, 11:26 AM

Basically what I want the css to say is:

If you are in category view and the div class #really_simple_share is present

style it like this

theadventurebite · #5 Sep 28, 2012, 11:32 AM

Ohh idea! Can I wrap this in the php with another div and call that something....and then just style that?

Trying....

juggledad · #6 Sep 28, 2012, 12:26 PM

Look at he source of the page and check out the <body....> statement

lmilesw · #7 Sep 28, 2012, 12:26 PM

really_simple_share is a class not an ID. You use a period before a selector to indicate it is a class and a # to indicate it is an ID.

Firebug is a big help in this area along with sites like htmldog and w3schools.com

theadventurebite · #8 Sep 28, 2012, 01:32 PM

Thanks Larry, I keep flip flopping them in my head.

Juggledad I looked at the body tag and this is what I found:

Code:

<body class="archive category category-food category-9 logged-in admin-bar">

Since I am trying to get it to be applied to all the category views I'm not sure how to phrase that. Can I just use .archive .really_simple_share and have it apply to all or do I need to go through each category and use those full classes?

Will be back home in a bit so I can test.

Thanks!