one-column text under sticky post (moka theme)

• 

  anothernicole · Member · Nov 1, 2015 at 6:31 pm

  • Copy link
  • Add topic to favorites

  Hi!
  I’m using the marvelous Moka theme, and I am wondering if there is a way to have the text of my stick posts be in one column (not three).

  The existing CSS is this

  .front-sticky .post .entry-content {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  }

  But changing those 3’s to 1’s resulted in the whole page being in one column. I’d like to have the big sticky post picture, sticky post text in one column, then three columns for the posts beneath.

  Thank you for any help!!

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

• 

  nizamilputra · Member · Nov 2, 2015 at 7:13 am

  • Copy link

  I wonder that your CSS was right, it will apply to all sticky posts (not one specific sticky post).

  Let’s try to modify your CSS by adding specific post ID;

  .front-sticky #post-23644.post .entry-content {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  }

• 

  ehtis · Staff · Nov 2, 2015 at 7:13 am

  • Copy link

  Hmm, Nicole, I just tried the selector you posted and it seems to work here, on both Chrome and Firefox, targeting only the sticky post.

  Let’s make it a bit more specific by adding .site-content class; can you give this a try?

  .site-content .front-sticky .post .entry-content {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
  }

• 

  ehtis · Staff · Nov 2, 2015 at 7:14 am

  • Copy link

  We’re posting at the same time! :D

• 

  nizamilputra · Member · Nov 2, 2015 at 7:18 am

  • Copy link

  @ehtis Highfive! :D

• 

  anothernicole · Member · Nov 2, 2015 at 4:14 pm

  • Copy link

  Both of those did the trick :D (In the end, I just picked one). Thank you both so very much!

  Nicole