changing color of symbols on a page

• 

  densielwebb · Member · Jan 9, 2015 at 5:38 pm

  • Copy link
  • Add topic to favorites

  I want to divide sections of a page with a symbol, like a line of asterisks:
  *************
  Is there a way to change the color of just the line, not the typeface that comes before and after?

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

• 

  densielwebb · Member · Jan 9, 2015 at 6:19 pm

  • Copy link

  is there a way to make the social media buttons more colorful or attractive? Share WordPress, Twitter, Facebook, Google+ at the bottom of the page

• 

  thesacredpath · Member · Jan 9, 2015 at 7:28 pm

  • Copy link

  Hi there, I’m not seeing any social icons on your site right now, but based on the Adelle Demo site, add the following CSS and then adjust the colors as desired. The first rule is for the non-hover colors, and the second rule is for the colors when you hover your mouse over the icons.

  #social-networks a {
      background: #dd44cc;
      color: #44dd55;
  }
  #social-networks a:hover {
      background: #44dd55;
      color: #dd44cc;
  }

  For the sharing buttons below posts, you can add the following and adjust the color of the text and background.

  .sd-social-icon .sd-content ul li a.sd-button, .sd-social-text .sd-content ul li a.sd-button, .sd-content ul li a.sd-button, .sd-content ul li .option a.share-ustom, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-content ul li.advanced a.share-more, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content > ul > li > a.sd-button, #sharing_email .sharing_send, .sd-social-official .sd-content > ul > li .digg_button > a {
      background: none repeat scroll 0 0 #6b0103;
      color: #ffffff !important;
  }