CSS and Templates: Some changes you may have missed.
Greetings,
How do you feel about the kind of advertising campaign that invites you to reevaluate your perspective by suggesting that what you had yesterday isn’t good enough for today?
If you’ve only seen this once then you’ve not really seen it?
I don’t really care much for that form of marketing myself. I just wanted to get that out of the way prior to getting into this entry.
If you’ve not seen our templates recently; you haven’t really seen them all 
Templates
We’ve been releasing new templates on an ongoing basis. If you’ve been a Website Tonight owner for years, and are happy with how it looks, then now would be a good time to catch up on shredding your junk mail.
Otherwise read on.
Our talented team of designers works hard to get these templates looking this good. However, it’s free to look at the new templates. No sales person will call and you may just find that we’ve used one, or more, of your suggestions. From time to time check back to see the latest designs
You can get to this from the Design tab and then select Template and color. Change the category to new and browse to “What’s new.”
Having dispensed kudos in the direction of the design team, I’m obligated to point out that the program developers work hard giving you the ability to modify the templates to your liking.
Advanced Style Options (CSS)
We’ve added the much requested Advanced Style Options feature within Website Tonight.
What is it?
CSS stands for Cascading Style Sheet, which is a markup language that defines the look, feel, and style of a webpage. With this you can change fonts, layouts, colors and quite a bit more. It’s a new choice within the design menu that enables site owners to override the template’s design and radically affect the look and layout of the template by providing CSS code of their own.
Why do I want it?
There are many style elements that you may wish to add to your WST site that would require you to open up every content block and locally change the style. For instance, many people have asked for a border around the content blocks.
If you want a template in a color scheme that we don’t offer, you can alter one of ours.
What else should I know?
You have to have the Apply box checked for any changes to be displayed.
You don’t have to copy the entire read only view. Copy only those elements that you wish to change.
What now?
Start creating! I’m really interested to see how our users will use this feature. If you have an interesting layout that you’ve styled using this feature we’d love to see it. I’ll be posting more on how to use this feature over the coming weeks. In the meantime, I suggest this resource to assist you in getting started with CSS.
Coming up.
Getting started with CSS.
I especially like it that the CSS read-only code stays as is so that all I have to do if I make a mistake is delete what I put in the bottom window. That is comforting. I also like it that I only need to copy and modify the part I want to change. I was able to remove the underlines from hyperlinks (I show them in bright blue instead), something I've been wanting to do. Thanks much!
Greetings Kathleen,
I am designing a web page for an author friend. I purposely chose the generic template so i would have options. Is there a way to change the buttons on the generic template so they are not left aligned on the page. I would like to have them going across and dress them up a little bit with a desert or auto like theme. Do you have any suggestions for me to modify the buttons to have them going across the page vs. vertical and to bold them or make them fancier? Any input would be appreciated. I am a newby at all of this stuff. Thanks. Jenn.
Hello Jenn,
You can customize the styles of the navigation buttons using the Advanced Style Options.
thanks,
Gomathi
In the generic template, can the navigation buttons be moved across the page instead of vertical
Hello,
Currently the navigation is either set as horizontal or vertical for each template. We have a large set of templates with vertical and horizontal navigation. Hope you can find another one that match your needs.
thanks,
Gomathi
So how DO you add a border around content blocks? Thanks!
There are a few ways you could go about doing this, but one way you'd have the most control would be to add the following div around each content block you want to have a border:
<div style="border: black solid 1px">
your content goes here.
</div>
-----
You would of course need to add the above html using the "html" tab while editing.
Good day,
Is it possible to have the Sub-Menu inside the Regular Menu but with smaller fonts?
Thanks
Hello,
You should be able to customize the fonts using the Advanced Style option.
We will work to see if we can make it available in an easier way.
thanks,
Gomathi
I cannot access the "real" CSS. Two examples:
(1) I change my template. Then I change the background image, but the provisional (gray placeholder) background image persists. I go to the advanced styles. The "read only" css is correctly that of the new template. The "writable" css persists as that of the old template. I copy the "read only" css and paste it into the "readable" css. Then I find the background image and change the file name to that of my new background image. When I preview, the image does not show up. THE TEMPLATE BREAKS.
(2) I want to change the font size in the navigation tabs. The same problem as that in example #1 persists.
Where is the "live" CSS? I cannot find it through Firefox's [Ctrl-Shift-C]. I cannot find it through WebSiteTonight's "advanced styles."
HELP! ...thanks
Hello Dave,
1) It's difficult to solve your problem without seeing exactly what you've done, so contacting our support department is the quickest way to resolve your problems. With that said, I'll offer what advice I can here. If you are replacing the image correctly under "Edit Background Images", yet when you click "OK" it still persists, you may be experiencing a browser caching issue; a quick test would be to clear your browsers cache. You may also try clicking the 'Preview' button to see if that view is showing correctly. As for modifying the CSS yourself, under "Advanced Style Options", the only thing you need to include in the "Edit view of CSS" is any changes to the original CSS -- I only suggest this route if you are familiar with writing CSS.
2) Unless there is something wrong with the particular template you are using (might be worth backing up your site, and trying a different template to verify), this may again be the same caching issue I mention above.
I want to reiterate that if you continue to have issue to please contact our support department so they can access your account and resolve your issues. They are well equipped to resolve issues like these.
Kind Regards,
Aaron
WST Team
Dave:
If I understand your question, and I could be all wet, I think I have been successful in changing a background image in the way you describe.
What I do is insert the image I want to use as a background into the WST web page, then I change the size of the image to 1px by 1px so it is not visible, but remains referenced by the web page. Now, I can change the CSS to refer to the image as a background. Without this odd technique the background images tend to disappear.
Also, I use a Firefox add-on called Firebug to breakdown & understand the WST CSS better.
I hope this works for you,
Dick
I have a complete templet (css and div's)That I made for this club and for the life of me I can't figure out how implement it on website tonight. Not happy with the lack of customizing support.
A member forum would be nice. Somewhere I could go for help from people who have "figured it out" if that's even possible.
Hi Kelly,
Website Tonight does not allow you to use a template that you have created. You need to choose from the templates provided by Website Tonight. If none of the available ones fulfil your requirements, then please let us know what kind of templates you are looking for, and we will be happy to have our creative team look into it.
Currently, the only site we have is "blog.websitetonight.com" where Website Tonight users can post their queries and comments. You may also call customer support at (480)505-8877, and they will be happy to answer any questions you may have.
Regards,
Rumeli.
I used website tonight template roofing (industries). I'm trying to hyperlink my header1 (main Logo) to another page within my website. I was told I could not hyperlink that logo through the normal tools as it's a template layout. I need to find out how to add the hyperlink within my CSS file.
Can anyone help me? I need the CSS style layout to enter within my file to make it work.
Hi Admin,
You will not be able to make the background image (main logo) into hyperlink through css.
However, if you insert the image into a block , then you will be able to link the image to another page.
Regards,
Rumeli.
I have 3 problems:
1- I'm doing this template for a friend and he wants custom colors everywhere. I can't seem to make the colors change. I've tried everything. The CSS should be simple enough, just copy and paste the code into the box and change the color numbers. But it's not working and I can't seem to figure out how to change certain parts. I called customer support but was told that if I wanted to change the CSS they could not help me.
2- I need to add a security code just like the one on this page to the "contact us" page as well as make all fields required. Can anyone help with that?
3- This is kind of the same as number 1- I need to change the font color of the text/links in the header bar. Can't figure this out either!
I'm using the architecture template.
Any help would be greatly appreciated!
Hi Susan,
Please see answers to your questions below:
1. From the main menu, select Design-Advanced Color Options. From here, you can change the the colors for various parts of the page.
2. In order to make a form field "required", edit the form, and select the field you wish to make required. The properties of the field will show up on the left side. Locate a check box that says "Required", and check it. Click "OK". The field will now be a "required filed".
We do not have the ability to add a security code to forms yet, but we will be adding this feature very soon.
3. To change the font color of the text/links in the header bar, please follow the same instructions as in (1) above.
Under the "Design" menu, we also have "Advanced Style Options" where you can play around with the css styles.
Please let us know if this answers your questions.
Regards,
Rumeli
I am working with Godaddy's website tonight templates and I have one that I have picked. I have created my main navigation that runs down the left side of my site. I would now like to add a few small pictures below the navigation. Is this possible does anyone know how to do that?
Hi,
Yes, It is possible to move the blocks/boxes within the layout to area below the navigation. Please use the 'Move' button to drag the image to where you would want.
Please read the blog article http://sitebuilders.gdblogs.com/2010/01/19/free-at-last-move-your-content-anywhere.aspx
Hope this helps,
Gomathi