CSS font colors for

• 

  saleemalbeik · Member · Mar 12, 2015 at 9:33 pm

  • Copy link
  • Add topic to favorites

  Hi
  is there a CSS to change the color of the wide first post which had a square overflowing (before and after hovering)?

  and for the LATEST section at the left of the site (before and after hovering)

  and the CINEMA section which is in gray background

  and for the SELECTED section (before and after hovering)

  and for the dates of all posts

  sorry for the many questions and thanks in advanced.

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

• 

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

  • Copy link

  Sorry, I did not understand anything except about post dates.

  This CSS changes the color of the “Published on 05/03/2015”

  .entry-date,
  .entry-date a {
      color:  red;
  }

• 

  saleemalbeik · Member · Mar 13, 2015 at 3:17 pm

  • Copy link

  Hi there
  thanks, it worked.

  for the others, i meant there are posts in the front page whose titles’ colour did not change by a previous CSS given to me, here they are:

  

  

  and is there a way to remove the word “published” at the top of each post.

  thanks

• 

  staff-happychia · Staff · Mar 13, 2015 at 10:38 pm

  • Copy link

  there are posts in the front page whose titles’ colour did not change by a previous CSS given to me

  Please try this CSS:

  .front-fullwidth .rp-big-one-content .entry-header h2.entry-title a {
      color:  green;
  }
  
  .front-fullwidth .rp-big-two-content .entry-header h2.entry-title a {
      color:  red;
  }

  is there a way to remove the word “published” at the top of each post.

  .entry-date {
      visibility: hidden;
  }
  
  .entry-date a {
      visibility: visible;
      color: red;
  }

• 

  saleemalbeik · Member · Mar 14, 2015 at 8:26 am

  • Copy link

  thanks a lot.
  the “published” issue was solved perfectly, but the first one not really.

  this did not work:
  .front-fullwidth .rp-big-one-content .entry-header h2.entry-title a {
  color: green;
  }

  and this worked but the color doesn’t change while hovering:
  .front-fullwidth .rp-big-one-content .entry-header h2.entry-title a {
  color: green;
  }

  i would be grateful if you cold help

  thanks

• 

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

  • Copy link

  Please try this CSS:

  .front-fullwidth .rp-big-one-content .story h2.entry-title a {
      color:  green;
  }
  
  .front-fullwidth .rp-big-one-content .story h2.entry-title a:hover,
  .front-fullwidth .rp-big-one-content .story h2.entry-title a:focus,
  .front-fullwidth .rp-big-one-content .story h2.entry-title a:active {
      color:  gray;
  }
  
  .front-fullwidth .rp-big-two-content .entry-header h2.entry-title a {
      color:  red;
  }
  
  .front-fullwidth .rp-big-two-content .entry-header h2.entry-title a:hover,
  .front-fullwidth .rp-big-two-content .entry-header h2.entry-title a:focus,
  .front-fullwidth .rp-big-two-content .entry-header h2.entry-title a:active {
      color:  gray;
  }