How to Add Real Image on Row Tittle Not only Change color

Example This what i want to have a row tittle i already edit it my self.

just tell me how to add picture like that in row tittle

i try already this in pics management in background image row tittle but not working..
my Forum: http://blood-line.forumtl.com/forum
Need Help AsaP!

The forum page is not available for guests to view.
You want a image where the category title appears? Or something else?

Sanket wrote:The forum page is not available for guests to view.
You want a image where the category title appears? Or something else?

Hmm This is my Forum Categories Row


& I want to Change That to that Picture in First Topic.>>

Change the Url to whatever you want.

Code:

.main-head {
    background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
    background-repeat: no-repeat;
}

Sir Its not Working

That code you Give me i put in CSS

But not working>>

Hello,

Try this, add this to your CSS:

Code:

.page-title h2, .page-title span {
  background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
  background-repeat: no-repeat;
}

Just change the image url.

Jophy wrote:Hello,

Try this, add this to your CSS:

Code:

.page-title h2, .page-title span {
  background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
  background-repeat: no-repeat;
}

Just change the image url.

Jophy It Works But

Its Only Like this...

Hmm By The Way This is What I want to Put


But I want That Just Like that And Remove that Text [@@@]
Would you Do that to me
If you dont mind...

thanks

Just replace it with the url of the image, and the background will be placed as well as the text. Or if you want, the text can be placed on the center, replace it with this code:

Code:

.page-title h2, .page-title span {
  text-align: center !important;
  background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
  background-repeat: no-repeat;
}

Editing the image can be done on the graphics section.

Jophy wrote:Just replace it with the url of the image, and the background will be placed as well as the text. Or if you want, the text can be placed on the center, replace it with this code:

Code:

.page-title h2, .page-title span {
  text-align: center !important;
  background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
  background-repeat: no-repeat;
}

Editing the image can be done on the graphics section.

I like this Because
The Text become in center

But the Image Still like this


Would you Mine Telling me Where Can download Some Graphic Software ? so i I can Edit my self with my other problem..

Sorry, but you can search on google for Graphics Software.

Sanket wrote:Sorry, but you can search on google for Graphics Software.

Sir Its Still not Working Its Still
Like Those
This is my forum : www.blood-line.forumtl.com

Add this to your css to remove the grey color.

Code:

.main-head {
    background-color:transparent !important;
}

To create the image, you will need to make it yourself as we already suggested you.

Sanket wrote:Add this to your css to remove the grey color.

Code:

.main-head {
    background-color:transparent !important;
}

To create the image, you will need to make it yourself as we already suggested you.

This Code work The Grey is remove but still Like this

Yes, so already explained to you the image URL needs to be changed. Modify the image as you want it to be.