Website Design SIG

Website Design SIG

Melbourne PC Website Design Special Interest Group

Next Meeting:

Date: Sunday the 27th of October
Time: 2PM - 5PM
Location: Zoom Meet
Meeting ID: 898 7912 5808
Convenor: Fleur Stephens

 

This month we'll look at website security and website design, followed by troubleshooting.

The troubleshooting portion of the web SIG is designed to help Melb PC users troubleshoot any web site problems they are having, so if you need some help with a website or would like to take a look at something particular with an experienced web designer/developer's guidance, come along, because this web SIG is for you!

If you would like to troubleshoot your website in a meeting please remember to have your username and password on hand and ftp address if applicable.

This is the site origin feature widget

This is the site origin feature widget, one of cool site origin widgets I think we should look at on Sunday

More on the features widget

Using the features widget I can select an icon, the icon colour, the colour of the icon container, the size, title text and more

But wait, there's more!!

I can swap the icon for a logo or any image. I can preview the widget I'm creating within the widget pop up.

FAQs

A better looking icon
So now I want to create a better looking icon spread. This time I have started by created a row with three columns and set, my features layout to 1 feature per row, hoping this will work as 1 feature per column.
Lets try using a bit more customisation!

So this icon is an image I created using gencraft ai. Once again I'm going to create a background colour using the design options on the right hand menu in site origin. I simply select a background colour and it's applied to my column. From here I could also opt to use a background image rather than colour. This is also where I add padding, border properties, border radius (for rounded edges - or I could turn the area into a circle). Set the font colour, link colour, link hover colour and box shadow properties.

A Feature Ball

This is created using a border radius of 50%, next I set the pading to 20px all round and the vertical alignment to centre.

Not as awesome as I'd hoped but could be fun for christmas.

Welcome to Site Origin Headline widget

This is not the hero

Welcome