×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Adding an image to the left of Write Comment

Adding an image to the left of Write Comment 14 years 2 months ago #8786

  • Rowby
  • Rowby's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0
Hello I would like to add a little image next to "write comment". Not sure which template or file I would use to add that image.

Here's an example of the page where I want to make the change. (Note I already changed, in the language file Write comment to Add comment")

7dayslearningsystems.com/7-DAYS-Learning-Systems-Blog/

Thanks for any suggestions!

...Rowby

Adding an image to the left of Write Comment 14 years 2 months ago #8792

  • JonusC
  • JonusC's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 785
  • Thank you received: 48
Add a background with CSS to the #CommentFormTitle {} selector.

Adding an image to the left of Write Comment 14 years 2 months ago #8800

  • Rowby
  • Rowby's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0
Thanks JonusC

I see that my site is using modern / standard css.

However, when I make changes in standard.css (in the modern/css folder) :
#joomlacommentform fieldset legend#CommentFormTitle {

...it does not appear to affect the HTML page.

when I look at the page with firebug, I see that the comments is apparently "controlled by the css: "write_comment"

Perhaps I need to "turn on" something the the admin section of !JoomlaComment layout tab for the JoomlaCOmments css to affect the html?

Please see this page, and if you can using Firebug and examine the "Add comment (0 Comments)"

7dayslearningsystems.com/7-DAYS-Learning-Systems-Blog/

Am I missing something??? :)

...ROwby

Adding an image to the left of Write Comment 14 years 2 months ago #8802

  • JonusC
  • JonusC's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 785
  • Thank you received: 48
No there is nothing in the backend that needs changing, you are editing the inbuilt template file directly so you do not enable custom templates this way.

when I look at the page with firebug, I see that the comments is apparently "controlled by the css: "write_comment"

- I don't know what you mean there, I don't see anything like that.

Well here's an example of CSS code I use in one of my half-finished templates:
form#joomlacommentform fieldset legend#CommentFormTitle {
    padding:0px 5px 0px 18px;
    color: #333;
    font-weight: bold;
    font-style:italic;
    font-size: 12px;
    line-height: 16px;
    height: 17px;
    background: url(../images/comment_new.png) #F3F3F3 no-repeat 2px 1px;
    border-color:#DDD #CCC #CCC #DDD;
    border-style:solid;
    border-width:1px;
}

Here is a screenshot:


Here is the image I use if you want it, one of many free/public domain icons from freeiconsweb. http://compojoom.com/components/com_agora/img/members/1866/comment_new.png

Adding an image to the left of Write Comment 14 years 2 months ago #8804

  • JonusC
  • JonusC's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 785
  • Thank you received: 48
My mistake. You are talking about preview link to write comment. You will have to create #write_comment CSS attributes in your Joomla template.
  • Page:
  • 1
Time to create page: 0.152 seconds