sizing for iconicons

[eastsidekeith]

I am trying to increase the size of a chat box icon in the bottom right text box. I have put the link in the functions file and found the icon I want but I would like it much larger. How is that done?

Here's the code I am using:
<div class="content-box"><i class="ion-ios-chatboxes-outline" style=" 38px"></i>
<h3>Blog</h3>
Lorem ipsum dolor sit amet, theous illusma minous consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

</div>

http://faithwalkersdev.com/

[Victor Font]

I wouldn't use an inline style to adjust the width/jeight of an element if I could avoid it. I would change the CSS in the style sheet. To which CSS to adjust, you need to learn how to use your browser's inspect tool. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

Your inline style is not correct. style=" 38px" is not correct syntax. I'm not familiar with iconicons, but if it is an icon font, the syntax is style="font-size: 38px". If it is a raster or svg image, you would use style="width: 38px; height: auto;"

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[eastsidekeith]

Hi Victor,
Thanks for commenting on my question. Actually what I posted was not used. Here is what is on the site:

<div class="content-box"><i class="ion-ios-chatboxes-outline" style="font-size; 96px"></i>
<h3>Blog</h3>
Lorem ipsum dolor sit amet, theous illusma minous consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

</div>

and you can see that the inline style does not work. There is probably better way to deal with what I want to happen and I think someone out there knows the answer. Hopefully I will hear soon.

Keith

[eastsidekeith]

Hi Victor, sorry this is what is actually there:

<div class="content-box"><i class="ion-ios-chatboxes-outline" style="font-size: 96px;"></i>
<h3>Blog</h3>
Lorem ipsum dolor sit amet, theous illusma minous consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

</div>

and you can see it works now. Thanks for noticing my syntax mistake.

[Author]

Posts