Visual theme: remove background colour from Older Posts button

• 

  nilla2014 · Member · Dec 7, 2016 at 6:03 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve used the following code to get to what I have right now:
  #infinite-handle span {
  background: #383838;
  color:#40d7bc;
  }

  #infinite-handle span button {
  background: #383838;
  color:#40d7bc;
  }

  #infinite-handle span button:hover {
  color:#FFFFFF;
  }

  What I would like to achieve is one of the following:
  1. Remove the grey box around the text
  or
  2. Make the grey box a rounded corner button (without the dark grey colour just above Older Posts).

  Hope that makes sense. To be consistent with the rest of my site, the text displays light green and turns white on hover.

  Many thanks!

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

• 

  melindahelt · Staff · Dec 7, 2016 at 11:26 pm

  • Copy link

  Hello

  Add this to your CSS to remove that background.

  .hentry {
      background: none;
  }

  Hope this helps. Let us know if you have any additional questions!

• 

  nilla2014 · Member · Dec 8, 2016 at 2:54 pm

  • Copy link

  That didn’t work. Sorry, I don’t think I explained myself clearly.

  I’m trying to remove this shading from the “Older Posts” button at the bottom of my page only, not from the actual posts. If I can’t, then have that grey shading on the button with rounded corners so it looks more like a button and not a label.

  Thank you!

• 

  thesacredpath · Member · Dec 10, 2016 at 3:09 am

  • Copy link

  Hi there, see if this does what you are asking for.

  button, button:hover {
  	box-shadow: none;
  }

• 

  nilla2014 · Member · Dec 15, 2016 at 3:33 pm

  • Copy link

  Thanks again, that worked. Sorry, I missed your reply from the 10th some how :)

• 

  thesacredpath · Member · Dec 15, 2016 at 9:21 pm

  • Copy link

  No worries, and you are welcome.