Font Size and Text Box width changed...

User 434747 Photo


Registered User
12 posts

I am revamping my fire department's website, and of course, testing it out online in a seperate area prior to making it live. And that's a good thing too, because I found out that the font size was smaller, and the text box on some pages was widened. I'm not sure what happened there. The background, the flames with the Seward Fire at the top, is all a set size being one image for the background. So, when comparing that and how its on the program, I can tell the font size IS smaller, like a 10 instead of a 13.

I just looked at it again on Explorer, and it is doing the same thing. text box is expanded on the memorial and scholarship pages, and the font is smaller than it should be on all the pages. The only font that is the same is the one on the buttonized images for the menu. Any font in an actual "text box" is about one size smaller, across the board. I'm afraid to make it one size bigger in the program to compensate, because that will change the size of the boxes and alignments on other items.

http://www.sewardfire.com/test/
User 603315 Photo


Registered User
938 posts

It seems fine to me, when your working offline it will always be different that live. In IE and Chrome they look the same or am I not getting what you mean. If not can you do a screenshot with an arrow or something to point out exactly what you mean. Your font is 13 on Chrome's inspect element tool. The only problem I can see is that your Memorials page isn't set right, it's over to the left.
User 2147626 Photo


Ambassador
2,958 posts

What I'm finding is that the text on the 'Scholarship' page extends over the right hand menu. One thing to check is that on the computer you are working on, is the zoom set to 100% ?

The width on that text box seems to be set at 877 too. You may just need to shrink that text box a little so it doesn't overlap the right hand menu.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 251754 Photo


Registered User
178 posts

Karen.... Looks ok in Firefox.
The memorials page I can see you haven't centred.
That picture with the flowers on could maybe do with the border taken off. quite big and not rearly having any effect and should it be aligned a bit to the right Can you not pull in the right side border of the text box on the memorial / scholarship page
If you are not happy with the text size just highlight the text and change it. It won't afect the sides of the text box, it will just take the text further down the page.
User 2147626 Photo


Ambassador
2,958 posts

Even in Firefox the Scholarship page text overlaps the right hand menu for me. :P
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 187934 Photo


Senior Advisor
20,190 posts

Read this about working with text in VSD. Follow the recommendations and all will be well.
http://www.coffeecup.com/help/articles/ … -designer/
Your putting hard turns at the end of your paragraphs but in VSD this is not the recommended practice. Either put each paragraph in their own text box of hand code your text into an html box.:)
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 434747 Photo


Registered User
12 posts

I guess no one got my point. The problem with the memorial page is something that changed during the upload. And the font is smaller on the web than it should be. While designing it, the font should be bigger, and its not once I upload it.
User 434747 Photo


Registered User
12 posts

Eric Rohloff wrote:

Your putting hard turns at the end of your paragraphs but in VSD this is not the recommended practice. Either put each paragraph in their own text box of hand code your text into an html box.:)


I'm not sure what that means, but I will check it out thanks.
User 434747 Photo


Registered User
12 posts

So I guess it's something with the way Visual is displaying the size of the font. Can't figure it out. But Visual makes the font look bigger than it really is, about one size bigger. It's a glitch I guess. I go in and manually adjust the font size after I upload it, to one size bigger, 13 to a 15, and the font then looks like the size it does in the display on the visual site screen. Not being able to see what the font looks like changes it drasitically when trying to design. The size of the text boxes stay the same, the font just doesn't fill it right. Now that I know the secret to making it right, I'll just have extra work to do.
User 38401 Photo


Senior Advisor
10,951 posts

Karen M Corrigan wrote:
Eric Rohloff wrote:

Your putting hard turns at the end of your paragraphs but in VSD this is not the recommended practice. Either put each paragraph in their own text box of hand code your text into an html box.:)


I'm not sure what that means, but I will check it out thanks.


What he means here is that you're putting hard breaks (carriage returns for the most part) into your text manually when going to the next paragraph. VSD doesn't seem to like that so you need to create separate text boxes for each paragraph to make it work as it should. :)

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.