Collapse Div Class

• 

  gotmaester · Member · Dec 3, 2017 at 3:46 am

  • Copy link
  • Add topic to favorites

  On my front page, I have the news in outline form. Is there a way to collapse it (display:none) when going to the post page?

  I have tried the following, but it does not work.

  created a special class, for example

  .myoutline {
  	font-size: 100%;
  	color: #000;
  }

  Then do something like this in the CSS

  @single @hentry:first-child {
  	.myoutline {
  	display: none;
  }
  }

  Finally use the following code on the post page

  sljflsdfj lsjflsf ljsfl fljdfs

  But that does not work.

  Is what I am trying to do even possible?

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

• 

  thesacredpath · Member · Dec 4, 2017 at 10:04 pm

  • Copy link

  You are using the @symbol instead of periods at the beginning of CSS classes.
  @single @hentry:first-child
  It should be this.
  .single .hentry:first-child

• 

  thesacredpath · Member · Dec 4, 2017 at 10:07 pm

  • Copy link

  Also, I think this is what you were trying to do.

  .single .hentry:first-child .myoutline {
  	display: none;
  }

• 

  gotmaester · Member · Dec 5, 2017 at 4:58 am

  • Copy link

  thanks

• 

  thesacredpath · Member · Dec 6, 2017 at 9:44 am

  • Copy link

  You are welcome.