how to colour colums and text boxes?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
i notice on some yola sites people have managed to color their colums and text boxes how can i do this , i am new to all this i dont mind html or css as long as its explained many thanks
Photo of websites154

websites154

  • 10 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hello Websites154,

I have created my own 'Content Modules' - I find that these are a very good way to display blocks of content.

Examples of Content Modules can be found at: www.shamrockandrambler.co.uk

I am creating a tutorial now - I shall post here when I am done.




Andi
Photo of websites154

websites154

  • 10 Posts
  • 0 Reply Likes
thanks
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hello,

Please visit:http://mpmtutorials.yolasite.com/cont...

Hope this helps,

If you need any further assistance I will be here to help you.

Andi
Photo of websites154

websites154

  • 10 Posts
  • 0 Reply Likes
i got them on to my site is there anyway of making them expand auto as i type
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
It should expand as you type. Try removing the height:auto on both of the CSS Styles

Andi
Photo of websites154

websites154

  • 10 Posts
  • 0 Reply Likes
and is there anyway to get better looking one?
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Yes...

You can add you own images to the header, you can also change the colours to match your needs.
Photo of lorraine.burnett4

lorraine.burnett4

  • 1 Post
  • 0 Reply Likes
how cahn i change header to an image
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Lorraine,

When you say "header", do you mean the banner or the page heading? Please can you post your site URL so that I can see what you're working with? Thanks.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Sorry Sanja,

Lorraine is talking about the header of the DIV that I have just given her - visit the URL to see what I mean.

To answer your question Lorraine, You would need to add the following line of code to the top part of the CSS Code:

background-image: url(resources/headerimage.png) no-repeat top left;



You would need to change the link of the image file - to the name and location of the image you wish to use.

You can also whether you would like the image to repeat across or down or across and down the header area. To do this please replace no-repeat with:

repeat-x :for across the header
repeat-y :for down the header
repeat :for across and down.



You can also change the position of the header image - just change top left to either:

top
middle
bottom

left centre right.



Hope this answers your question Lorraine, and sorry for not getting back to you earlier!

Kind Regards,

Andi
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks for the clarification, Andi! I'll leave Lorraine in your capable hands :)