edit taxonomy box

[greenecon]

We would like to change the taxonomy box so we can use as an ad space.  We're using Generate.  When we make the changes we want using firebug, we get under 'style':
element.style {

    height: 60px;
    margin-bottom: 4px;
    margin-top: 4px;

Also in HTML: <div class="taxonomy-description">
<p style="height: 60px; margin-top: 4px; margin-bottom: 4px;">

In the CSS, we have:
.taxonomy-description {
margin: 0 0 30px;
padding: 10px;
}

We've tried:
.taxonomy-description {
margin: 0 0 30px;
padding: 10px;
    height: 60px;
    margin-bottom: 4px;
    margin-top: 4px;

}

and:

.taxonomy-description {
    height: 60px;

    margin-bottom: 4px;
    margin-top: 4px;

}

Neither works. How do I change the taxonomy box so that the conent area is 60px high, with upper and lower margins of 4, not 14.

http://thegreeneconomy.com

[Jen Baumann]

I think you might be getting confused as far as margins and padding.  Margins are the space around and padding is the space within. You have 2 things to style: .taxonomy description and .taxonomy-description p (which currently has no css style).

If you simply want taxonomy-description to be 60px high, I would do this:

.taxonomy-description {
height: 60px;
margin: 0 0 30px;
overflow: hidden;
padding: 0;
}

Then add
.taxonomy-description p {
}
with whatever styles you like.

[greenecon]

If I do

.taxonomy-description {
height: 60px;
margin: 0 0 30px;
overflow: hidden;
padding: 0;
}

do I need the

.taxonomy-description p {


}

I found I could ad a pic and text just using regular html to the category page.  [I'm an idiot, so I make what I want as a post, preview, then copy and paste where I want it.]  Worked fine.

And I did like you on Facebook!

[Jen Baumann]

Thank you for the like! 🙂

You don't necessarily need the .taxonomy-description p. It depends on if you need to control any margin or padding added to it otherwise. That's completely optional and up to you!

[Author]

Posts