How to make the featured image blocks white, in CUBIC

• 

  alexamaxine · Member · Mar 2, 2015 at 1:33 am

  • Copy link
  • Add topic to favorites

  I’d like to know if it’s possible to make the background of the featured image in each main cube white, rather than black. And then the type would need to be black instead of white….

  I see that the images auto-adjust to the width of the cube, so there is space around them, that’s what I’m talking about..

  thanks for any feedback-
  Alexa

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

• 

  staff-happychia · Staff · Mar 2, 2015 at 8:18 am

  • Copy link

  Could you please confirm if you have Custom Design upgrade so I can try to come up with CSS.

  It is certainly possible but CSS can be added only with Custom Design upgrade.

• 

  alexamaxine · Member · Mar 2, 2015 at 6:33 pm

  • Copy link

  Do you mean a Premium Account? I just upgraded… Let me know if that’s what you meant? Thanks so much! I really appreciate it-

• 

  staff-happychia · Staff · Mar 3, 2015 at 11:06 am

  • Copy link

  Please add this CSS to the CSS Editor and see if you like the result:

  body:not(.filter-on) .hentry.has-post-thumbnail .entry-header {
  background: #fff;
  }
  
  .archive .hentry.has-post-thumbnail, .blog .hentry.has-post-thumbnail, .search-results .hentry.has-post-thumbnail {
  background: white;
  }

• 

  staff-happychia · Staff · Mar 3, 2015 at 11:07 am

  • Copy link

  And yeah Custom Design is one of the items in the Premium upgrade :-)

• 

  alexamaxine · Member · Mar 3, 2015 at 11:58 pm

  • Copy link

  OMG! Yes!! Brilliant! thank you so much–

• 

  alexamaxine · Member · Mar 12, 2015 at 6:27 pm

  • Copy link

  Hi there! I’m having some follow up issues with my blog now:

  1. There’s no date or title showing up in the ‘cubes’ on the main page.

  2. When I click on a post, there’s a big white rectangle at the top of the screen, and it looks like a heading or text should be sitting there, but I have no idea how/where to add the text….

  3. The crops are looking awkward on the main images (I didn’t upload them as squares, do I need to do that?). Even still, the crops seem irregular/erratic in terms of where the white space is. Is there any way to control the crop? Or at least make it consistent?

  Thank you so so so much!
  Alexa
  1brightbird.wordpress.com.

• 

  staff-happychia · Staff · Mar 13, 2015 at 8:24 am

  • Copy link

  1.

  Let’s change the CSS to the following:

  body:not(.filter-on) .hentry.has-post-thumbnail {
      background: #fff
  }
  
  .archive .hentry.has-post-thumbnail,.blog .hentry.has-post-thumbnail,.search-results .hentry.has-post-thumbnail {
      background: #fff
  }

  2. I can’t see what you are saying. Could you explain with an example?

  3. The featured images on your posts are all of different sizes. You don’t have to crop them but is it possible to ensure they are all of same dimensions?

• 

  alexamaxine · Member · Mar 14, 2015 at 12:22 am

  • Copy link

  Ok great! That solved the title and date issue…

  The blank rectangle is gone… So that is mysteriously solved.

  The cropping issue is the only other thing I’m wondering about. Is there a way to have the images automatically be cropped to square, without any white border? Right now, I understand the grey bar needs to be at the bottom for the text to read, but it doesn’t look very clean… I just am so busy with everything, I’d rather not have to crop each image individually before I upload them… if that makes sense…? You can see it on the first main page (I don’t know how to attach an image here…)

  thank you SO much!!
  Alexa

• 

  staff-happychia · Staff · Mar 15, 2015 at 9:44 am

  • Copy link

  Have you tried what I suggested in #3 above?