"Features" on Yola homepage: how to emulate this

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I like the concept of summarizing features in picture format, and being able to highlight text when the mouse rolls over particular sections of the picture to which it refers.

The perfect example is the "Features" page on the Yola homepage.

I would like to know if this is possible in Yola, or how to do the html coding to achieve this?

Thanks for any advice!
Photo of bubastisbastet

bubastisbastet

  • 14 Posts
  • 2 Reply Likes
  • confused

Posted 8 years ago

  • 1
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
You may find this link useful: http://css-tricks.com/examples/Remote...
I have not tested this yet myself but plan to later. I have used codes from this site before with Yola so it should work. Let me know if you have trouble with it.
Photo of bubastisbastet

bubastisbastet

  • 14 Posts
  • 2 Reply Likes
Thanks Diane! I will try and make sense of it...this is all very new to me.

Can you clarify? -can you add CSS code in Yola?

Reading some (old) forum posts, there was the suggestion that you could not do it in the free version of Yola?
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi

Yes you an add CSS to your Yola site. Although you cannot upload CSS templates, you are able to edit the existing stylesheet or add snippets of CSS codes to your site. CSS files are uploaded to the "Resource" folder (File Manager) of your site.

Please note that your custom styles are not automatically loaded for you. You will need to add them with the HTML widget.

Here is a tutorial on how to add HTML to your site

Please let us know if you need more help with this.

Thank you.
Photo of bubastisbastet

bubastisbastet

  • 14 Posts
  • 2 Reply Likes
So do I need Yola Silver for this? I get conflicting information regarding this..?

Thanks again!
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Hi there bubastisbastet,
To upload .css files to your site you will need Yola Silver.
But you can ass snippets of CSS code to your site using the HTML widget without having Yola Silver.

Remember CSS isn't recommended for all users as it could break your site.

Hope this helps

John McCarthy
Photo of bubastisbastet

bubastisbastet

  • 14 Posts
  • 2 Reply Likes
So can you please clarify what the difference is between Silver and Free with respect to the ability to add CSS code? Is it the presence of a "resources folder" within the file manager? This distinction isn't clear on the comparison list on Yola's homepage.

Also, I've seen the expression "it could break your site" several times...what do you guys mean by this?

- the code may not work and cause a (repairable) glitch?
- the code may completely disable your site and make it unrecoverable?
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
Hi Bubastisbastet,

Thank you for all your questions. I just need to clarify CSS files for you. CSS files can now be uploaded and used on FREE Yola sites. You don't need to purchase Yola Silver in-order to upload and use CSS Files on your site. This restriction was in place some time ago but was removed.

.html and .js files are however restricted on Yola Free accounts and then you would need to purchase Yola Silver to make use of these files.

If you have any other questions, please let me know.
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Sorry bubastisbastet,I didn't realise the restriction had been lifted.Sorry for any confusion i caused.
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
No worries John! Thanks for trying to help :)
Photo of bubastisbastet

bubastisbastet

  • 14 Posts
  • 2 Reply Likes
Thanks to everyone for providing your input-your help is much appreciated!