×

Notice

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

TOPIC: Modifying width of !JoomlaComment

Modifying width of !JoomlaComment 16 years 1 month ago #1553

  • Daver77
  • Daver77's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 0
Hi there, I am trying to change the width of !JoomlaComment as it appears in my articles. I would have thought this is in the css.css? Where exactely (i.e. line) can I modify so that it doesn't auto fit it to standard width of article. (I often use cells).

Anyway, I would like to change the width so that more empty space is on right hand side.

Can you tell me which file/script I need to change to give it an absoulte width or say 75% instead of 100%.

Thanks.

Modifying width of !JoomlaComment 16 years 1 month ago #1571

  • Daver77
  • Daver77's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 0
in css.css

#comment #CommentMenu {
width: 70%;

#comment .post {
width: 70%;

#comment .form {
width: 70%;

#comment .form {
width: 70%;
float: left;

#poweredby { display:none; }


had to insert last line so that it didn't show powered by on the RIGHT NEXT to comment form

Modifying width of !JoomlaComment 16 years 1 month ago #1572

  • Daver77
  • Daver77's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 0
4 Steps to doing it

// #1

#comment #CommentMenu {
width: 70%;
float: left;


// #2

#comment .post {
width: 70%;
float: left;


// #3

#comment .form {
width: 70%;
float: left;


// #4

#poweredby { display:none; }

The other solution worked in firefox but in IE7 showed comment post in center again....

Modifying width of !JoomlaComment 16 years 1 month ago #1573

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Can you show me the web page?

Modifying width of !JoomlaComment 16 years 1 month ago #1574

  • Daver77
  • Daver77's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 0
also had to add this as posts were being shown on right hand side in FF and Chrome (IE7 was okay)

#comment .postcontainer{
margin-bottom: 5px;
float: left;

will post or email site later....

Modifying width of !JoomlaComment 15 years 10 months ago #2651

  • waseem
  • waseem's Avatar
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 1
  • Thank you received: 0
Daver77 wrote:

also had to add this as posts were being shown on right hand side in FF and Chrome (IE7 was okay)

#comment .postcontainer{
margin-bottom: 5px;
float: left;

will post or email site later....


worked a treat, thanks for posting this! :side: :side:
  • Page:
  • 1
Time to create page: 0.106 seconds