Homepage News Items Issue

[Daanz]

Hi,

I’m having an issue with the news items on my homepage. I used your shortcode to display 6 items over 1/2 page width. If I make all images the same height, the items align nicely side by side. But since my client makes her images all different heights, the 6 news items seem to jump out of place, leaving a large white space somewhere in the middle. Is there a fix for this?

Please see http://www.lofthair.nl/

Thanks,

Daan

[Kyle – SUPPORT]

Hi

Try adding this custom css:

.recent-post .excerpt {
  max-height: 90px;
  overflow: hidden;
}
.spb_recent_posts_widget .recent-post figure {
  max-height: 180px;
}

– Kyle

[Daanz]

Hi Kyle,

That seems to work when I put it in Firebug. But when I put it in the custom css field of the theme options, nothing happens. I noticed this before, when I tried to edit css – the style is nowhere to be found… Could this be a child theme issue?

Thanks

Daan

[Kyle – SUPPORT]

Not sure why that’s happening, as you have so much custom css, please could you use the child theme method. So activate the child theme and move all your custom css to the child theme style.css file

– Kyle

[Daanz]

Well, that’s the thing, I already have all my custom css in both places – in the style.css of my child theme, and in the General Options Custom CSS field. It kind of seems that all custom css I made before I created a child theme still works, and all css I added later doesn’t.

Can’t get my head around that; you have any ideas?

Daan

[Melanie – SUPPORT]

Hi, so if you delete the css from the theme options (back it up first) the child theme’s css doesn’t kick in?

[Daanz]

Hi Melanie,

No it doesn’t; I removed the custom css from the options page. All my css is in my child theme, but the latest additions are not showing.

Daan

[Kyle – SUPPORT]

I just checked your child theme style.css file and can’t see the css that I gave you?

– Kyle

[Daanz]

http://www.lofthair.nl/wp-content/themes/neighborhood-child/style.css – last lines

Daan

[Kyle – SUPPORT]

Nope – last lines (see screenshot)

– Kyle

[Daanz]

Maybe hit shift+refresh, because I see them – see screen shot

Daan

[Kyle – SUPPORT]

Ok I see it now, can you confirm that all other custom css is working, or are there other things not working?

– Kyle

[Daanz]

It is. I just changed the footer properties in the childtheme css and I can see the change on the website:

#footer {
padding: 60px 0 20px 0;
}

Daan

[Kyle – SUPPORT]

Could you try move the css to the top of your css file and let me know if that works

– Kyle

[Daanz]

Hey, that did the trick! So there must be an error somewhere in my css?

Daan