Changing CSS – Expound (secondary content area hight)

  • Unknown's avatar
    raquelffurtado · Member ·

    Hey guys!

    I am trying to shrink the secondary content area on my website a little bit. That is the area where the posts are organized in columns.

    I’d like it to have 300px hight. On that Chrome code helping area I got it like the code bellow and it looked the way I wanted.

    element.style {
    height: 300px;
    }

    I have 2 questions, though:

    1: How to make that work on the css. Posting it like the code below

    #secondary.feature.content{
    ……
    }

    and some other variations didn’t work out. I am new to CSS so.. hehe :(

    2: I need not only to resize this area but to make the text that is shown to be “aware” the area is resized, so i can get the “…” on the end of the showing text.

    Can anyone help me, please?

    website: vamospraonde.com

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    The auto excerpts in that section do not and should not have a fixed height: they display a fixed number of words, so the height will vary, depending on the length of the words.
    If you want that section to be shorter, you can either decrease the font-size and the line-height of the excerpts, or create your own custom excerpts in the Excerpt module of the post editor.
    If you don’t see the Excerpt module while editing a post, click Screen Options (top right) and check “Excerpt” to make the module show up.
    Note: custom excerpts don’t display the “…” at the end (because they don’t have to be partial texts that get cut off in mid-sentence, they can be self-contained summaries or teasers). If you opt for the custom excerpt solution and decide you do want the “…”, you can then use CSS editing to add it.

  • The topic ‘Changing CSS – Expound (secondary content area hight)’ is closed to new replies.