Text size in VSD?

User 2393828 Photo


Registered User
5 posts

Is there any way to make text larger than 48px without creating a .jpg of my text and then adding it? I want really large words for one part of my site, but I'm having a hard time figuring out how to go bigger. It only wants to let me go to 48...HELP?? Thanks! :)
User 187934 Photo


Senior Advisor
20,271 posts

You could hard code the text into a HTML box.:)

Place in the header HTML

<style type="text/css">
#largetext {font-size:100px;}
</style>


Place in the body HTML of the same html box as above.
<div id="largetext">This is large text</div>




I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2393828 Photo


Registered User
5 posts

Thanks. I think I'm just going to make it in photoshop...I know what I'm doing there...lol :D I appreciate the help though!!
User 187934 Photo


Senior Advisor
20,271 posts

Click on the HTML tool on the left hand side. Now in header tab for that box add the code I showed above. Then in the Body HTML tab place the other code I showed above. Now preview. If you want a different color or custom font I can help you with that also.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 464893 Photo


Ambassador
1,611 posts

Highlight the text go to Object Properties select advanced text and adjust the size x & y. If you want to use the same size elsewhere just remember the settings. You can enlarge the text as big as you want to suit where you wish to put it.
The Guy from OZ


User 187934 Photo


Senior Advisor
20,271 posts

Susan, You can use the advanced text feature as prism has stated if your going to use Photoshop. The text is still going to be a .jpg. I miss read your post and I think Prism interpreted it better then I did. Thanks Prism.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

Susan, don't let Eric's bit of code put you off – once you try it, you'll see how easy it is to tweak VSD with a bit of custom html here and there :D
As above... Photoshop and Advanced Text will both give you the same result – your text will be an image.

When you click on the Add HTML tool, you'll see the body and header options, just copy/paste the code snippets and:
<div id="largetext">Type your own text here!</div>

You can move the html box just like any other object on your page, go to preview to see the text.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 464893 Photo


Ambassador
1,611 posts

Actually I could of miss read it too as the lady said:-
Is there any way to make text larger than 48px without creating a .jpg of my text and then adding it

As you rightly said Eric it does turn it into a jpg. The advantage of course being that it is done internally.
The Guy from OZ


User 503621 Photo


Registered User
266 posts

Eric's code is perfect , but would be really cool if VSD came with size freedom and other features here and there in the future like grouping and locking elements, transparent png mousovers etc
User 464893 Photo


Ambassador
1,611 posts

Here is another way Basically how WYSIWYG page designers work. I use it for the Editor for precision
Open a html box and insert this. I would normally use alternate text. If you want special text everywhere than what Eric has suggested is the go.

<div id="Text" style="margin:0;padding:0;position:absolute;left:100px;top:100px;width:15px;height:16px;text-align:left;z-index:1;"><font style="font-size:13px" color="#000000" face="Arial">Text Goes Here</font></div>


I put sizes in for X & Y Coordinates but in VSD position the box and put zero in place of actual positions. Change what you want colour, size even font. Highlight and put tags either side of the text to get Bold, Italic etc. You may have to adjust width and height.
This only applies to the text it contains and is basically a one off, not so with Eric's way.

Oh yes if you want this to go over an object change the index number to 2 or 3 puts it on top VSD can handle the final layering.
One reason why I like both the page designers. Not only what they can do it is what I can do with them.

The Guy from OZ



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.