REPLACING TITLE WITH IMAGE IN OULIPO

• 

  travelbarefoot · Member · Apr 16, 2012 at 12:03 am

  • Copy link
  • Add topic to favorites

  Being new to CSS I’m in the process of figuring it all out. I have figured out how to get the title to be transparent so it disappears – but what I would really like to do is add an image in that fixed area in the left colomn in place of where the title is/was – also the byline text and the custom menu text how do I change it’s colour/font etc.

  Would love some advice and guidance – thank you so much.

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

• 

  jtanna01 · Member · Apr 16, 2012 at 2:51 am

  • Copy link

  OK try this code in your customization module:

  #sitename {
display: none;
}


  Post back to let us know the outcome.

  G/L

• 

  designsimply · Member · Apr 18, 2012 at 8:41 pm

  • Copy link

  what I would really like to do is add an image in that fixed area in the left colomn in place of where the title is/was

  Here is an example showing how to replace the Oulipo site title with an image:

  #main-nav h1.masthead a {
  	display: block;
  	text-indent: -9999px;
  	background: url(http://s.wordpress.org/about/images/logo-blue/blue-l.png) no-repeat;
  	width: 150px;
  	height: 150px;
  }

  Replace the url() value with your own image link, and update the width and height to match your image size.

• 

  designsimply · Member · Apr 18, 2012 at 8:46 pm

  • Copy link

  also the byline text and the custom menu text how do I change it’s colour/font etc.

  To change the color and font for the byline in the Oulipo theme, try this:

  p.date,
  p.date a,
  p.date a .commentcount {
  	color: red;
  	font-style: normal;
  	font-family: Arial, sans-serif;
  }

  Adjust the color name and font style as necessary.

• 

  designsimply · Member · Apr 18, 2012 at 9:01 pm

  • Copy link

  also the byline text and the custom menu text how do I change it’s colour/font etc.

  To change the font color, hover background color, and link colors for the text in the primary navigation, or custom menu, in the Oulipo theme, try this to start:

  #main-nav ul {
  	font-family: Arial, sans-serif;
  	text-transform: none;
  }
  
  #main-nav li {
  	border-bottom: 1px solid darkred;
  }
  #main-nav ul li:hover {
  	background: darkgoldenrod;
  }
  
  #main-nav ul li:hover a {
  	color: white;
  }
  
  #main-nav ul ul a {
  	color: white;
  }

  Adjust the color names as necessary.