CSS Customisation: headers & photos

• 

  apacsummit · Member · Apr 11, 2012 at 5:21 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I am trying to customise my blog and I have found many of the answers through searching your previous answers. However, there are still a couple of questions I have outstanding that I hope you can help me with:

  1 – I have changed the colour of the navigation bar (beneath the header) to white, but there is still a border around it that I cannot remove. Can you help please?

  2 – Can you change the colour of the navigation bar when you hover over it? It is currently grey and I would maybe like to change it.

  3 – I have posted a test photo and I see that there is a big grey box beneath with information about when it was posted etc. How can I change the colour and size of this?

  Thanking you in advance.
  David

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

• 

  timethief · Member · Apr 11, 2012 at 5:55 pm

  • Copy link

  re: 1
  Does this help?
  https://en.forums.wordpress.com/topic/header-size-change-in-twenty-eleven?replies=18#post-829615

• 

  apacsummit · Member · Apr 12, 2012 at 9:48 am

  • Copy link

  Thanks timethief, this helped perfectly for points 1 & 2 (though we did change it back in the end as our ideas didn’t quite work out as planned).

  Can anyone help with point 3?

• 

  designsimply · Member · Apr 16, 2012 at 7:16 pm

  • Copy link

  3 – I have posted a test photo and I see that there is a big grey box beneath with information about when it was posted etc. How can I change the colour and size of this?

  To change the background color and size of the box below image posts in the Twenty Eleven theme, try this:

  .indexed.format-image footer.entry-meta {
      background: white;
      padding: 0;
  }

• 

  apacsummit · Member · Apr 17, 2012 at 7:04 am

  • Copy link

  Thanks designsimply (love your title ‘happiness engineer’!). That worked a treat. The text hover over text is now white though, is it possible to keep it black, but with an underline to show the hover over?

• 

  designsimply · Member · Apr 19, 2012 at 4:22 pm

  • Copy link

  Thanks!

  Ah, I didn’t notice the hover color before. You can change it like this:

  .indexed.format-image footer.entry-meta a:hover {
  	color: black;
  }