COMMUNITY FORUM

Change comment box size

Start
Prev
1
Next
End

Filip Nikitovic
Topic Author
Offline
Senior Member

11 years 4 months ago #114163 by Filip Nikitovic

Change comment box size was created by Filip Nikitovic

Hi
Is it possible to resize cooment box width?
Im using responsive template and I have to make it look ok on smartphone.

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

11 years 4 months ago #114164 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: Change comment box size

Depends on the styles that you template already has.

Something like

					
					JoomlaWorks Support Team

---

Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

Filip Nikitovic
Topic Author
Offline
Senior Member

11 years 4 months ago #114165 by Filip Nikitovic

Replied by Filip Nikitovic on topic Re: Change comment box size

In mytemplate/html\com_k2\css\k2.css

I changed

/* Comments */

div.itemCommentsForm form textarea.inputbox {display:block;width:350px;height:160px;margin:0;}

div.itemCommentsForm form textarea.inputbox { max-width: 100%; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

And nothing happens.

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

11 years 4 months ago #114166 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: Change comment box size

The actual code varies from template to template. If your template is not responsive this code will not change much.

There is a possibility that other styles from your template override your styles. I cannot know this.

Use this code snippet as a base not as a one size fits all solution.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

Filip Nikitovic
Topic Author
Offline
Senior Member

11 years 4 months ago - 11 years 4 months ago #114167 by Filip Nikitovic

Replied by Filip Nikitovic on topic Re: Change comment box size

Hi,
I made mistake becouse I edited code inside the k2.css file of the K2 template override
templates/mytemplate/html/com_k2/css/k2.css

Instead I edited code inside root\components\com_k2\css/k2.css
And I made just a simple change
from

/* Comments */
 div.itemCommentsForm form textarea.inputbox {display:block;width:350px;height:160px;margin:0;}
 div.itemCommentsForm form input.inputbox {display:block;width:350px;margin:0;}

Thats line 325 and 326
And changed width from 350px to 100%

div.itemCommentsForm form textarea.inputbox {display:block;width:100%;height:160px;margin:0;}
        div.itemCommentsForm form input.inputbox {display:block;width:100%;margin:0;}

And comment box is responsive now

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End