Parament Customizing Problems

• 

  ftatrader · Member · Jun 22, 2013 at 9:31 pm

  • Copy link
  • Add topic to favorites

  I really like the Parament theme, however when I change any color of the theme – background, foreground, header text, links, highlights – all of the colors become slightly altered, the text in the right column changes to white, and hovering over any links in the right column stay white and do not highlight.

  I haven’t found any other mention of this so I’m not sure if this is an individualized problem or a problem with the theme itself.

  Thanks in advance for any help.

• 

  designsimply · Member · Jun 26, 2013 at 2:11 pm

  • Copy link

  all of the colors become slightly altered

  What you’re probably noticing is the contrast rules built into the Custom Colors feature. They are in place to help make sure text is always readable even if you select colors for text that are too close to the background color which would normally make them inaccessible for some readers.

  If you would like to override that, you can do it by using custom CSS instead of using the colors tool. Here is a help page to get you started with CSS editing:

  Add Custom CSS

• 

  ftatrader · Member · Jun 27, 2013 at 1:15 pm

  • Copy link

  Thank you for your reply. I’ve tried to change only the orange highlight color, which should have nothing to do with any other color option including the text, however it nonetheless changes the sidebar text and slightly alters all other colors as well. It appears that I’m stuck using all default options to maintain a consistent appearance to the Parament theme.

  I will experiment with the CSS editing. Thank you.

• 

  designsimply · Member · Jun 27, 2013 at 3:35 pm

  • Copy link

  Thank you for your reply. I’ve tried to change only the orange highlight color, which should have nothing to do with any other color option

  Making a change to one color can work to set a few other custom color rules in motion—so it actually could affect other color options depending on how the color settings were made for the theme.

  If you don’t like those updates, then CSS is the best route for you.

  Here is an example to change the title background color via CSS as a starting point for you:

  .entry-byline,
  .entry-byline .post-edit-link,
  .sticky .title,
  .sticky.hentry .title {
  	background-color: #A40802;
  }
  .sticky .title {
  	border-bottom-color: #A40802;
  }

  You can change the color code as needed.