Is it possible to apply color specification diff. between the post and overview

• 

  crcgtpc · Member · Dec 18, 2014 at 2:57 pm

  • Copy link
  • Add topic to favorites

  Hey,

  I would like to know if It’s possible to apply a different font and background color in the overview of a post and the post itselft.

  When I’m on the main page of my website, I can see overviews os some post. i would like to change the font and background color just for the overview and keeping the normal specs when i open the post.

  The code I’m actually using is :

  #post-14329 {
  font: 1.7rem/120% “TheSerifLight”, georgia, serif;
  border-color: rgba(64,59,69,0.2);
  border-left: 5px dotted rgb(244,247,248);
  border-bottom: 1px dotted rgba(64,59,69,0.2);
  border-right: 5px dotted rgb(244,247,248);
  background-color: rgb(244,247,248);
  text-align: left;
  }

  i think that there is something to add between “#post-14329” and “{“

  Thx for your help guys and merry xmas :)

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

• 

  thesacredpath · Member · Dec 19, 2014 at 9:22 pm

  • Copy link

  Hi there, I see a blue background behind the top three featured posts on the main page. Which posts on the main page are you talking about?

• 

  thesacredpath · Member · Dec 19, 2014 at 9:28 pm

  • Copy link

  Wait, I see the posts you are talking about now (down the right side).

  I would suggest not using such a specific selector, but instead let’s target the “home page and then the general selectors for those posts, such as this:

  .home .recent-images article {
  	background: lightgreen;
  	padding-left: 10px;
  	padding-right: 10px;
  }

  To change the font color or size of the excerpt on those, add the following and adjust as desired.

  .home .recent-images .entry-content p {
  	font-size: 110%;
  	color: red;
  }

• 

  crcgtpc · Member · Dec 29, 2014 at 9:42 am

  • Copy link

  It works well ! Thx a lot ! ;-)

  Br,

  E.

• 

  thesacredpath · Member · Dec 30, 2014 at 12:04 am

  • Copy link

  You are welcome.

• 

  crcgtpc · Member · Dec 30, 2014 at 12:42 pm

  • Copy link

  Hi !

  I have an ultimate question. I would like to change the width of the horizontal grey ligne at the top of the post we talked about. Actually, this line start not from de corner.

  Is there a solution ?

  Thx a lot for your help,

  Br,

  E.

• 

  thesacredpath · Member · Dec 30, 2014 at 9:16 pm

  • Copy link

  Hi, let’s add a border declaration to the rule I gave you so it looks like this.

  .home .recent-images article {
      background: #f4f7f8;
      padding-left: 10px;
      padding-right: 10px;
      border-top: 1px solid #ccc;
  }

  and then add the following to remove the border from the title element.

  .home .recent-images .entry-content h4 {
      border-top: none;
  }