Kindly please anyone Ans me

[Princess Mahi]

I have notice no one ans my threads : http://www.zen-cart.com/search.php?d...vBForum_Thread
please keep in mind Every new persons have no complete experience
Anyway !!!

This is my store http://princessmahistore.com/
I want to use sidebox heading to an image ,,,,,And follow this tut http://www.zen-cart.com/content.php?...sidebox-header
and use this method according to this tut
If you want a different background image for one sidebox heading, add to your stylesheet below the previous rules:

#categoriesHeading {
margin: 0em;
background: url(../images/your_categories_background_image.jpg) no-repeat left top #ff6699;
padding: 0.2em 0em;
}

Change the image file name in each of the URL property values, save the stylesheet and upload the image files to /includes/templates/CUSTOM/images/ on your server






but I can't understand only categories image show ,,rest of headings images are not shown
also how remove the headings text which are shown with images
and also How remove ''Reviews'' heading link

here is my code
#categoriesHeading {
margin: 0em;
background: url(../images/Categories.png) no-repeat right Center #ffffff;
height: 75px;
padding: 0.2em 0em;
}

#InformationHeading {
margin: 0em;
background: url(../images/Information.png) no-repeat right Center #ffffff;
height: 75px;
padding: 0.2em 0em;
}

[gjh42]

CSS is case-sensitive.
#InformationHeading { (your version)
is not the same as
#informationHeading { (correct version)
You need to capitalize (or not) the id exactly as it is coded.

If you want the images to *replace* the text, you need to use the first or second method, not the third in that tutorial.

[swguy]

@PrincessMahi, when you ask a question, be sure to use a title that reflects the question. If you had titled this thread "CSS issue with images and Information Sidebox" or something like that, you'd be more likely to draw in people with the required expertise to answer your question.

Also, as a stylistic matter, beginning your question with a complaint that people aren't answering your questions is probably not the way to go. If you don't get answers, your question may not be clear to people who could possibly help you if they knew what you were asking. Try adding information. Try explaining what you have done that hasn't worked. Try clarifying the gap between your current state and your desired state.

[Princess Mahi]

@PrincessMahi, when you ask a question, be sure to use a title that reflects the question. If you had titled this thread "CSS issue with images and Information Sidebox" or something like that, you'd be more likely to draw in people with the required expertise to answer your question.

Also, as a stylistic matter, beginning your question with a complaint that people aren't answering your questions is probably not the way to go. If you don't get answers, your question may not be clear to people who could possibly help you if they knew what you were asking. Try adding information. Try explaining what you have done that hasn't worked. Try clarifying the gap between your current state and your desired state.

:) Now I will Always follow your advise and sorry ,It is due to my English problem lol
English is not my first language so that any way thx for answering

[Princess Mahi]

CSS is case-sensitive.
#InformationHeading { (your version)
is not the same as
#informationHeading { (correct version)
You need to capitalize (or not) the id exactly as it is coded.

If you want the images to *replace* the text, you need to use the first or second method, not the third in that tutorial.

Hi gjh42 thank you so mush for your help
Actually this method is easy for me and the rest of the methods are hard and I can't understand other two methods ..
Now information image is working with your help
But again I am in trouble ''New products '' and ''More Information'' , ''Who's Online ''images not worked
Here is my Code: It would be different in css ,I think ,,,please tell me ,,How to write these heading text in ''Css style sheets
#newproductsHeading {
margin: 0em;
background: url(../images/newproducts.png) no-repeat right Center #ffffff;
height: 75px;
padding: 0.2em 0em;
}
#moreinformationHeading {
margin: 0em;
background: url(../images/moreinformation.png) no-repeat right Center #ffffff;
height: 75px;
padding: 0.2em 0em;
}
#who'sonlineHeading {
margin: 0em;
background: url(../images/whosonline.png) no-repeat right Center #ffffff;
height: 75px;
padding: 0.2em 0em;
}


Thanks in advance

[schoolboy]

:) Now I will Always follow your advise and sorry ,It is due to my English problem lol
English is not my first language so that any way thx for answering

We understand that many people do not have English as their first language, so what you can try is to write your question in your home language, then use GOOGLE TRANSLATE to turn it into English.

For example, if I use SPANISH:

Me gustaría traducir esta frase en Inglés

.. and then put this into http://translate.google.com

I get:

I would like to translate this sentence into English

[Princess Mahi]

Thank you school boy :)

ok Now I have changed my All headings into images successfully But I can't change ''New products '' tittle into an image

I think the reason is May be New products is connect with link ...I means the other titles were simple text but ''New products '' connect with link ''I wish you understand me

ok now I have delete the [more] from english.php then rename ''New products '' to new but still ''New products '' not shown as a simple text ,,, Also not convert into an image

help me plz :) ppl

[Get Em Fast]

Thank you school boy :)

ok Now I have changed my All headings into images successfully But I can't change ''New products '' tittle into an image

I think the reason is May be New products is connect with link ...I means the other titles were simple text but ''New products '' connect with link ''I wish you understand me

ok now I have delete the [more] from english.php then rename ''New products '' to new but still ''New products '' not shown as a simple text ,,, Also not convert into an image

help me plz :) ppl

Try something like this:

#whatsnewHeading { 
  margin: 0em; 
  background: url(../images/new.png) no-repeat right Center #ffffff;
  color: transparent;
  height: 75px; 
  padding: 0.2em 0em; 
}
h3#whatsnewHeading a {
  display: none;
}

Hope this helps.

[Princess Mahi]

Try something like this:

#whatsnewHeading { 
  margin: 0em; 
  background: url(../images/new.png) no-repeat right Center #ffffff;
  color: transparent;
  height: 75px; 
  padding: 0.2em 0em; 
}
h3#whatsnewHeading a {
  display: none;
}

Hope this helps.

Hi Get Em Fast
Thank you for your reply
but you code also not worked

[kobra]

code also not worked

I don't see the code in your css???