Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

changing width of posts in Imbalance2

  1. priad
    Member

    Hi,

    - is it possible to enlarge the width of a post 'box' that appears in the home page? I am talking about a specific/identifiable blog post, not all and any future posts.

    - rather than flashing a colour when hovering on top of the box, is it possible also to have some posts/boxes show a static colour-frame?

    Many thanks

  2. priad
    Member

    Anyone?

  3. timethief
    Member

    Please see here > http://en.forums.wordpress.com/topic/arranging-freezing-posts-in-imbalance2?replies=3#post-822903

  4. 1tess
    Moderator

    moved to the CSS Forum…

  5. priad
    Member

    Hi, is anyone here able to provide any ideas? Many thanks!

  6. designsimply
    Happiness Engineer

    - is it possible to enlarge the width of a post 'box' that appears in the home page? I am talking about a specific/identifiable blog post, not all and any future posts.

    Yes. To do that, you should identify what class or ID the post box has and then either set a new width and height for it or add padding. Exactly what CSS to add will depend on which box you're talking about and what theme you are using. If you'd like more help, can you please send a description of exactly which box you're referring to and a link where we can check it out?

  7. designsimply
    Happiness Engineer

    On second thought, that might actually break the layout in Imbalance 2. I think it depends on which box you mean. Do you mean one of the posts on the home page?

    Looking at Imbalance 2 more closely, I don't see any way to differentiate one specific box compared to the others. Sorry about that!

  8. designsimply
    Happiness Engineer

    - rather than flashing a colour when hovering on top of the box, is it possible also to have some posts/boxes show a static colour-frame?

    You can set a static background color for all the boxes at once with this CSS:

    .box .texts {
   opacity: 1 !important;
}

    The boxes don't have unique identifiers, so they are not easily targeted but it might be possible to force one of the boxes to get highlighted using CSS3 pseudo selectors. The down side is that this code doesn't work in Internet Explorer. Also, it doesn't seem to want to obey the nth-child selector rules. You can see an example using this CSS though:

    .texts:nth-child(2n+2) {
border: 20px solid red !important;
background: red !important;
opacity: 1 !important;
}

  9. priad
    Member

    Hi,

    Sorry... If you go to http://www.priad.wordpress.com (the home page, yes), I am referring to the first one on the far left, 'about us'. I'd like that box to be slightly thicker or wider... I think I can arrange the length as well through the built-in functionalities of Imbalance2?

    Many thanks

  10. priad
    Member

    Thanks for your post regarding the static colour. I'll try this one out, and figure out whether it's the right way forward considering the complications you mention. Btw, what part of the code you provided actually refers to a specific box or post? Cheers,

  11. designsimply
    Happiness Engineer

    I think I can arrange the length as well through the built-in functionalities of Imbalance2?

    I'm afraid not, the length of the boxes in Imbalance 2 are set using some jQuery (Javascript) code and it's not possible to adjust it using CSS. It's part of the built in function of the theme. If you need more control, you would need to switch to a self-hosted solution using WordPress.org so you can get access to control any and all of the code. If you needed a Custom Design refund, I could absolutely help you with that. Also, I'll do my best to help you sort out what changes you can make with Custom Design.

  12. designsimply
    Happiness Engineer

    Btw, what part of the code you provided actually refers to a specific box or post?

    The :nth-child() part. It's CSS3 though, which is still experimental and not all browsers support CSS3 things yet. Also, the Imbalance 2 theme doesn't seem to want to cooperate with the :nth-child selector as I expected. See http://www.w3.org/TR/selectors/#nth-child-pseudo for more info.

  13. priad
    Member

    Designsimply, is there any other way you can think I could order my blog posts in any logical way? In a sense, I have different categories of posts in the home page, but I don't want them to appear everywhere. Also, I've been looking for your e-mail...

    Thanks

  14. designsimply
    Happiness Engineer

    If you want more control over the ordering of the blocks, then you will need to pick a different theme. You might take a look at Suburbia.

    Also see http://en.forums.wordpress.com/topic/arranging-freezing-posts-in-imbalance2?replies=10#post-824930

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags