Home › Updates

Updates

New header effect option: fade in

 October 18, 2017
by Flavio Mester

You can now apply a fade in animation effect to the header text in all pages. The option can be found in Design > Layout > Header & footer > Header area.

Header animation styles
Header animation effects

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Creating a centred navigation menu

 October 18, 2017
by Flavio Mester

Centred navigation menu
A centred navigation menu

Our latest website building framework now allow you to have the logo/branding and the navigation menus appear centred. The option is available in Design > Main navigation layout.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

New zigzag layout option for blog summaries

 October 17, 2017
by Flavio Mester

Zigzag blog
Blog summaries displayed in zigzag mode

You can now list blog post summaries in a zigzag mode, in which the picture is alternately positioned to the left or right of the text, which will also left or right align accordingly. The option is available in Design > Blog / Summaries & special buttons and should be used in conjunction with the Overall layout set to Stacked.

Zigzag option
Setting up the new option in the Design settings

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Fixed: top of page icon

 September 10, 2017
by Flavio Mester

Top of page icon

‘Top of page’ icon

There was an issue with our stationary navigation menus in our latest framework that caused the page to not slide to the very top when the ‘Top of page’ icon was clicked. It has been fixed.

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Removing the bold weight from linked headings

 July 7, 2017
by Flavio Mester

If you choose to display your links in bold and you have linked heading e.g. blog post titles, you may want to remove the bold from them. The setting in Design > Text > Links > Special options will now not only remove underlines but also the bold from linked headings.

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Displaying a different logo when people switch to the 2nd language on a bilingual website

 July 7, 2017
by Flavio Mester

If your website is built on our latest framework, it’s bilingual and you have separate logos for each language, you can now change the logo image whenever people switch languages. To do so:

  1. Create a separate logo image for the second language, and add _fr to its name. So if for instance your first language logo image is called is mylogo.png the second language image should be mylogo_fr.png
  2. Add both images to the website’s Assets Manager
  3. Edit the Page Properties of your website’s Home page, and in the Banner tab set it to use your first language logo. In this example, it would be the mylogo.png image.

That’s it. The system will display mylogo.png for the first language (e.g. English) and mylogo_fr.png for the second (e.g. French).

Note: _fr should be used for your secondary language image regardless of it being French or not; we just use _fr because we’re a Canadian company.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Setting the left sidebar content to appear below the main column on mobile on all pages

 June 29, 2017
by Flavio Mester

If you would like to have the left sidebar appear after the main content on every page on mobile and not just on specific pages, you now have the option of setting that behaviour globally in Design > Layout > Advanced layout settings.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Displaying the left sidebar content below the main column on mobile

 June 28, 2017
by Flavio Mester

Let’s say you have a page with a left sidebar like this one:

Computer view
Computer view of a page with a left sidebar

Our system uses responsive design, and by default will place the left sidebar content before/above the main content area when the page is viewed on mobile or tablets in vertical/portrait mode. That’s adequate in most situations. However, in the case above you will probably want to override this behaviour, because on mobile those quotes should appear after/below the main content area, rather than before it.

You can now change that behaviour for specific pages simply by editing the Page Properties of the page and switching the Page Template in the Special tab from Default to Left sidebar after main on mobile:

 Page Properties
The Page Template setting

As the name implies, this template setting will display the left sidebar content after the main content when the page is viewed on mobile (and also on tablets in portrait/vertical mode.) Computers or tablets in portrait mode will not be affected. So in this example, the mobile view would be similar to this:

Mobile preview

As you scroll down, you will then see the left sidebar content:

Left sidebar on mobile

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Tweaking the width of the left and right sidebars on our new website framework

 June 28, 2017
by Flavio Mester

For websites built on our latest framework, the width of the left and right sidebars is 20% and 30% of the page width respectively (minus the gutters). However, there may be instances in which you’d prefer a wider left sidebar to accommodate larger photos, longer text like page names in a vertical navigation, quotes, etc.

You can now use and option in Design > Layout > Advanced layout options to change the left and right sidebars globally to 30% and 20%:

Sidebars width option
The sidebars width option

For more information on our design grid please visit this Help page.

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

How to create centred, short paragraphs using predefined styles and no coding

 June 26, 2017
by Flavio Mester

Centred text

Centred text with a fixed width

There are cases where you may want to have centred text with a short line length. For instance, an introductory paragraph of a Home page that has been set to stretch to the full width of the browser window. Simply centering the text may not be enough because the lines would be too long, which isn’t good for readability. And if you have the line length of paragraphs limited globally in the Design settings, the text would appear off centre in relation to the overall page layout.

For situations like that, rather than adding CSS styles by hand, you can now use a predefined style. Simply select it from the pulldown menu available in the content block’s Advanced options. Notice that since the width is set in em’s, you may need to break a header text and the normal text into 2 separate content blocks, each with its respective width set in em’s.

The content block option

The content block option

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  
1 2 3 4 5 ... 22 23 »
 
Top of page