changing width of posts in Imbalance2

gerhanusa · Member · Feb 17, 2012 at 2:03 pm
Copy link

Add topic to favorites
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

The blog I need help with is: (visible only to logged in users)
gerhanusa · Member · Feb 20, 2012 at 1:46 am
Copy link
Anyone?
timethief · Member · Feb 20, 2012 at 1:58 am
Copy link
Please see here > https://en.forums.wordpress.com/topic/arranging-freezing-posts-in-imbalance2?replies=3#post-822903
1tess · Moderator Emeritus · Feb 20, 2012 at 3:52 am
Copy link
moved to the CSS Forum…
gerhanusa · Member · Feb 21, 2012 at 10:41 am
Copy link
Hi, is anyone here able to provide any ideas? Many thanks!
designsimply · Member · Feb 21, 2012 at 4:16 pm
Copy link
– 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?
designsimply · Member · Feb 21, 2012 at 4:19 pm
Copy link
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!
designsimply · Member · Feb 21, 2012 at 4:34 pm
Copy link
– 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;
}
```
gerhanusa · Member · Feb 21, 2012 at 4:35 pm
Copy link
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
gerhanusa · Member · Feb 21, 2012 at 4:38 pm
Copy link
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,
designsimply · Member · Feb 21, 2012 at 5:20 pm
Copy link
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.
designsimply · Member · Feb 21, 2012 at 5:22 pm
Copy link
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.
gerhanusa · Member · Feb 22, 2012 at 4:43 am
Copy link
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
designsimply · Member · Feb 22, 2012 at 5:27 pm
Copy link
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 https://en.forums.wordpress.com/topic/arranging-freezing-posts-in-imbalance2?replies=10#post-824930

No items found.