newbie help with chateau theme

• 

  jgawkows · Member · Jul 24, 2013 at 12:14 am

  • Copy link
  • Add topic to favorites

  hi, i am new to wordpress.com. i am using the chateau theme. i want to make a fairly simple change

  on my blog page, i want to add a block of text below the custom header image that the template supports. this block would be part of the header of the page and always appear at the the top of the page

  i have tinkered with the CSS a bit but it’s pretty new to me. any help would be greatly appreciated – thank you

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

• 

  raincoaster · Member · Jul 24, 2013 at 12:27 am

  • Copy link

  Why don’t you just use a Sticky post?

• 

  jgawkows · Member · Jul 24, 2013 at 12:38 am

  • Copy link

  thank you raincoaster – after getting your suggestion, i was able to figure out how to create a sticky post. however i would like the text under my custom header image to look more like part of the header and not a post – so i am wondering if i can do this via CSS etc?? thanks again for the response

• 

  raincoaster · Member · Jul 24, 2013 at 1:03 am

  • Copy link

  The post in the other thread about using a widget is better. With sufficiently sophisticated CSS editing, you can make it appear anywhere.

• 

  jgawkows · Member · Jul 24, 2013 at 4:05 am

  • Copy link

  thank you – can anyone provide advice on editing CSS to get the desired result?

• 

  designsimply · Member · Jul 24, 2013 at 4:19 pm

  • Copy link

  Using a widget would be a good idea if two things are true: (1) the widgets are always present on the page in the theme and (2) ou need to have something other than plain text (i.e. links) in the text.

  Another way to do it would be to use the content property. Here is an example that will add a line of text below the header image in your Chateau theme to illustrate:

  #main-image:after {
  	content: "This is a test! You can adjust this text to say whatever you want.";
  	display: block;
  	padding-top: 2em;
  }

• 

  jgawkows · Member · Jul 24, 2013 at 8:36 pm

  • Copy link

  thank you so much – this totally worked! i’m sorry but one more rookie question. could you provide a quick example on how i would adjust the font, font size and color for that text under the block? thanks again so much – you solved my problem!

• 

  designsimply · Member · Jul 24, 2013 at 9:44 pm

  • Copy link

  You can add additional properties inside the example I posted earlier.

  For example, inside the “#main-image:after” block, add this:

  color: black;
  	font-size: 2em;