CSS Stylesheet - Tutorial?

[Hamster_tango]

Hi,
Please can someone point me to the tutorial that covers CSS Stylesheet.

I am adding some links from other sites using thier HTML code and the links are defaulting to 'courier new' font and I want to change it to my preferred font.

I have searched the forum but cannot find step by step advice on this for the amatuer website builder.

Thanks
Janis

Website built in and hosted by BlueVoda.

[Collectors-info]

Re: CSS Stylesheet - Tutorial?

Might be css. But it is more likely to be just html. Do you have a code for us to look at. It might just want a font tag added to it.

[Hamster_tango]

Re: CSS Stylesheet - Tutorial?

Hi Chris,

here is the css additional bit:
.FI_reviews {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
I would like Arial font.

This is the code for the link I have added to bottom right of my home page:
<script src="http://www.freeindex.co.uk/widgets/reviews.asp?BID%3D164138%26Num%3D3%26width%3D325%2 6snip%3D100%26BWidth%3D1%26BColor%3DCFD2DE%26tcolo r%3DF3F5F8%26title%3DOur+Latest+Customer+Reviews%2 6mcolor%3D3B5FA8%26acolor%3D3C75BC" type="text/javascript"></script><div class="FI_reviews" style="width:325px;padding-top:4px;text-align:right;font-size:11px;">View our <a style="font-size:11px;color:#3C75BC;font-weight:normal;" href="http://www.freeindex.co.uk/profile(u...4138.htm">full profile</a> in the FreeIndex <a style="font-size:11px;color:#3C75BC;font-weight:normal;" href="http://www.freeindex.co.uk/categorie...ors/">Drilling Contractors Directory</a> directory.</div>

Many thanks

[Collectors-info]

Re: CSS Stylesheet - Tutorial?

Ok! Try this, 1st part between the head tags & the 2nd part in a html box on the front of the page.

1st part

<style type="text/css">
.FI_reviews {
font-family:Arial;
font-size: 0.9em;
}
</style>

2nd part

<script src="http://www.freeindex.co.uk/widgets/reviews.asp?BID%3D164138%26Num%3D3%26width%3D325%2 6snip%3D100%26BWidth%3D1%26BColor%3DCFD2DE%26tcolo r%3DF3F5F8%26title%3DOur+Latest+Customer+Reviews%2 6mcolor%3D3B5FA8%26acolor%3D3C75BC" type="text/javascript"></script><div class=" FI_reviews" style="font-family:Arial;width:325px;padding-top:4px;text-align:right;font-size:11px;">View our <a style="font-family:Arial;font-size:11px;color:#3C75BC;font-weight:normal;" href="http://www.freeindex.co.uk/profile(uk-drillers)_164138.htm">full profile</a> in the FreeIndex <a style=" font-family:Arial;font-size:11px;color:#3C75BC;font-weight:normal;" href="http://www.freeindex.co.uk/categories/property_and_tradesmen/building_and_construction/drilling_contractors/">Drilling Contractors Directory</div></div>

[Hamster_tango]

Re: CSS Stylesheet - Tutorial?

Hi Chris, many thanks for that, I have edited the HTML code as you showed me and I have since found out how to create a CSS file and link to it and resolved the problem.

I noticed that there is advice on this in previous threads but to a non-techie like me I found it very hard to follow! So for future BV users I put together this step by step guide on how to use CSS in web pages:

Log into your Control Panel
Click on ‘New File’
Enter following: css_file.css and click ‘create new file’
Click on ‘Public’ root of your directory and find the file you have just created and select it.
Click on ‘Edit’ and it will bring up a ‘text editor screen’ click ‘Edit’
Drop the css coding into it and save.
Now in Blue Voda website builder, right click on your page and select ‘Page HTML’
Click on tab ‘Between Head Tag’
Copy and paste the following into the white area:
<link href="http://yoursite.com/css_file.css" rel="stylesheet" type="text/css" />
Amend the red writing to your own domain name.
Click ok
Preview/Publish.
I used this method to change the font on the links I added to my pages.

[Collectors-info]

Re: CSS Stylesheet - Tutorial?

Good tip. You can also just make the css file in note pad & name it "css_file.css" & attach it to your page as a file for when you publish. Then use the same link: <link href="http://yoursite.com/css_file.css" rel="stylesheet" type="text/css" />

Good luck.