Move comment button

• 

  cmjanz · Member · Nov 30, 2013 at 1:59 am

  • Copy link
  • Add topic to favorites

  Hello, I would like to know how to move or at least add, a leave comment button to the top of each blog post, somewhere near the title, like below it or in line, and also iff possible add a little icon like a speech bubble or similar. I am using theme Misty Lake.

  Also, this theme has the sidebar faded out and only shows up i full color when you hover over the links. Is there a way to change that to full color always like the rest of the theme?

  Thank you in advance for your time.
  Christina Janz

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

• 

  thesacredpath · Member · Dec 5, 2013 at 4:00 am

  • Copy link

  Hi Christina, Add the following to your CSS and see what you think. It moves the comments link from the bottom to the top right of the post opposite the date. I’ve included some styling (font size and weight) to make it a little more obvious also.

  .hentry {
      position: relative;
  }
  .comments-link {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 130%;
      font-weight: bold;
  }

• 

  cmjanz · Member · Dec 5, 2013 at 12:13 pm

  • Copy link

  Thanks so much. This works perfectly.
  Also, is the second part of my question, doable or not–this part– “Also, this theme has the sidebar faded out and only shows up i full color when you hover over the links. Is there a way to change that to full color always like the rest of the theme?”

• 

  justpi · Member · Dec 5, 2013 at 10:42 pm

  • Copy link

  Add this:

  .widget-area, .entry-meta, .format-quote .entry-title, .format-quote .entry-title a, .format-aside .entry-title, .format-aside .entry-title a {
  opacity: 1;
  }