Related Posts: Background & Hide Date & Button Color

Comments

• Pablo

  August 2018

  Hi,

  1) Please show me on screenshot which section do you exactly want to change

  2) Custom CSS

  .section-related-ul .date_label{
  	display:none !important;
  }

  3) Please go to Theme Options > Colors > Content

  There you can change a color of the button.

  Thanks.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• luca423

  September 2018

  Hi Pablo,

  
  

  1) here's the Related Post section, we want the background to be white instead of grey: https://imgur.com/a/VHg9bXT

  
  

  2) Thanks, works perfectly!
  

  
  

  3) I don't want to change the color globally, Only of the yellow buttons on blog posts. Is this possible with custom CSS?
  

  Here are screenshots of the two buttons that we want to change.
  https://imgur.com/a/VHg9bXT
  https://imgur.com/a/PBf5JNw

  
  

  Thanks in advance and regards,
  Luca
  
• Pablo

  September 2018

  Ok, paste this Custom CSS into Custom CSS in Theme Options
  
  
  1)

  .single-post .section-post-related{
  	background:white !important;
  }
  

  3)

  .single-post .section-post-related .button{
  	color:red !important;
  }
  
  .single-post .section-post-related i{
  	color:red !important;
  }

  Cheers

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• luca423

  September 2018

  Hi Pablo,

  
  

  1) Works, thank you!

  
  

  3) The buttons now look like this (left one is the button on hover): https://imgur.com/a/ItGlBrE
  I now understand how I can change the color of the non-hover icon and the color of the text.
  

  
  

  What is the CSS to change the non-hover icon, border and background in order to make the buttons look like this (left one is the button on hover): https://imgur.com/a/Cs8BQgf

  
  

  Thanks in advance and regards,

  Luca
  
• Pablo

  September 2018

  Hi,

  I've made only how to make border on it.

  On previous post you have more of them, so you have a lot of combinations to change colors.

  You'll handle it.
  

  .single-post .post-related .desc a.button{
  	border:solid blue 2px;
  }

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next