CSS, Html Problem creating a site

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Hello am trying to upload my New CSS, I do not really understand what am suppose to do, the css file appeared as html file. Please what do I do, I need real tutor and codes that can help me do this
Photo of Allen

Allen

  • 4 Posts
  • 0 Reply Likes
  • Very Frustrated

Posted 9 years ago

  • 1
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Allen,

Do you have a Yola PRO account?

If you do not you need one, unless you add all the CSS to each page (messy).

If yes...

1. Does the file have the .css file extension.

if yes...

2. Upload it to your file manager.

Then...

3. link to it on each page, like this, <!--

<link rel="stylesheet" type="text/css" href="resources/FILENAME.css"/>

-->

Hope this helps

Lee. http://hexham.info
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Also only the CSS should be in the CSS file, no < style > tags or < html > tags, just the CSS code.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks UK Duke :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Please let us know if you need any further assistance with this Allen.
Photo of Allen

Allen

  • 4 Posts
  • 0 Reply Likes
Well I have a Yola Pro Account, I downloaded an Auto Website Template from Templaterover.com, The downloaded file came as Zip file. So I want to know How I can use the template in my website..
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
unzip the folder then upload the css file to your site as I show above.
Remember the sites initial CSS will be still there so you may experience conflicts. If your getting conflicts let me know what site style your using and I will write a style sheet which counteracts it.

Lee.
Photo of Allen

Allen

  • 4 Posts
  • 0 Reply Likes
I am sorry for asking dumb questions, but I still don't understand, Do I need to put the code with other files i need to put in a page, in the same html widget
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
The more I think about it the less I understand what your trying to do.

It sounds like you have a set of files to create a whole site. Yola is not an open root directory host set up, you have already in place a CSS template and a file structure and basic page html.

You could add parts of it to the Yola template.

Let me know exactly what files you have and we could try to get them to work with your Yola site.
Photo of Allen

Allen

  • 4 Posts
  • 0 Reply Likes
http://www.templaterover.com/dwnld.ph...

Here is the link of the template I downloaded that I want to use
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Allen

Right now you need to select your style from our style library. It is not possible to upload an external template. We are currently working on adding a wider variety of styles/templates with more customization options.

Currently you can change the banner image, color palette and background image on some of our styles. We want to make more options available like this, and one of our future plans is to allow you to develop your own CSS style if this is something that interests you. However, this functionality is going to take significant engineering on our part, so it is still a little ways into the future. In the meantime I hope you can find a style to suit your needs.

This tutorial may help you: Personalize your Style. You may also be interested in this link: Yola Style Guide. It has a handy filter function for you to see which style you might like. You can also check out this site forsite.synthasite.com, where one of our Yola users has added a page to his site comparing our styles.

You can use the CSS to tweak the existing style if you wish. CSS files are uploaded to the "Resource" folder of your site. However, your custom styles are not auto-loaded for you. You will need to add them with the HTML widget.

e.g.:

<link href="resources/your-custom-style.css" rel="stylesheet" type="text/css" media="screen" />

You add your files manually with the HTML editor. The advantage is that you can use the same stylesheet across multiple pages - edit the one file, and your changes reflect on all the pages. As such your files will be included after the default template files and will over-ride the default.

Please note that this is an option for advanced users and we will not be able to assist you if your CSS edits break your site. If you unsure of how to proceed, we recommend that you try this on a blank test site first before attempting it on a website which contains your valuable content.

Please let me know if you have any further questions.