edit taxonomy box

Community Forums Forums General Discussion edit taxonomy box

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Jen Baumann 4 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #4598

    greenecon
    Participant
    Post count: 20

    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

    #5919

    Jen Baumann
    Keymaster
    Post count: 269

    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.


    Jennifer “Hermione” Baumann | Recommended StudioPress Developer
    Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

    #10160

    greenecon
    Participant
    Post count: 20

    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!

    #10161

    Jen Baumann
    Keymaster
    Post count: 269

    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!


    Jennifer “Hermione” Baumann | Recommended StudioPress Developer
    Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.