jordandelozier / wysibb

WYSIWYG BBcode editor
http://www.wysibb.com
246 stars 86 forks source link

How to make smiles list bigger #202

Open nikosuk opened 3 years ago

nikosuk commented 3 years ago

Hello, first of all i d like to thank you for your great work.

I am not sure where to ask this, i hope is the right place. i am using wysibb in my website, and i have enabled smiles.

My problem is that i would like the icons in the list ( and the box) to appear larger . Maybe twice in size. Right now they are too small to see.

Capture

What should i do to make them bigger ?

Thank you in advance for your answer ..

basteyy commented 3 years ago

Hey! See this line https://github.com/jordandelozier/wysibb/blob/d6aae0fc5068442debf3c8bf018b879ac0c1ff01/jquery.wysibb.js#L1188

There is the html generated. You can trying to add the size there. Otherweise use css like:

span.smile img {
width: 128px !important;
height: auto !important;
}
nikosuk commented 3 years ago

Hello, thanks for your answer. i managed to resize icons using css. but the smilebox needs to be bigger as well to fit the bigger icons. How do i make the box bigger as the icons get bigger ?? Thanks one more time !

basteyy commented 3 years ago

See line 1185 in the javascript. There is the html wrapping element. You need to add a class there to get grid on that via css or you use javascript to add a class via querySelector. I'm only at my cellphone, so I cannot give you more details for now. Try it by yourself or wait until next week 😅

nikosuk commented 3 years ago

@basteyy Could you please elaborate ?

dchubad commented 2 years ago

I am not sure where to ask this, i hope is the right place. i am using wysibb in my website, and i have enabled smiles.

How did you get the smileys enabled? I been trying for ages with no luck. thanks