Change the Look & Feel of Your Website
It's easy with a WYNCHCO website design
WYNCHCO website designs not only respond to the needs of website visitors.
They respond to YOUR needs as well - here's how.
A WYNCHCO Template Design comprises:
- Three STYLE SHEETS (each containing many STYLES),
- PLUS a compendium of more than 100 CUSTOM STYLE SETS (organised into groups).
Each group of CUSTOM Style Sets can be changed:
- quickly and easily,
- without any technical know-how, and
- without having to edit any code
via your website's Dashboard.
In short, you can change the Look & Feel of your website with just a few simple clicks!
CUSTOM STYLE SETS
Each group of CUSTOM Style Sets can be changed via your website's Dashboard.
Change look and feel with just a few simple clicks.
Website Width
Fixed width.
Fluid width (fill the browser screen on all devices).
Back to Top Arrow
Display: YES or NO.
Background colour.
Foreground colour.
Buttons, Tabs & sliders
Background colour and opacity.
Text colour.
Corner radius.
Copyright Statement
Show/hide statement.
Change statement.
Text colour.
Images
Corner radius.
Apply image filter.
Login Reset Fields
Display: SHOW or HIDE.
Underline Active Links
YES or NO.
Underline Links on Hover
YES or NO.
Separately change Screen with just a few simple clicks:
- LANDSCAPE view,
- PORTRAIT view.
Background Colour
START colour.
END colour.
Gradient height.
Background Image
Display: YES or NO.
Display image by device/screen size:
- All screens.
- Tablets and large screens only.
- Tablets (landscape) and large screens only.
- Large screens only.
Select the image.
Position the image:
- Top-left.
- Top-right.
- Middle.
Repeat the image:
- YES - Horizontal & vertical.
- YES - Horizontal.
- NO.
Fill screen: YES or NO.
Fix screen: YES or NO.
Separately change Brand with just a few simple clicks:
- LANDSCAPE view,
- PORTRAIT view.
Brand Background
START colour.
END colour.
Top and bottom margin.
Top & bottom padding.
Corner radius.
Logo Image
Display logo: YES or NO.
Display either:
- SVG image, or
- JPG, GIF, PNG image.
Display different logo image in:
- Landscape view.
- Portrait view.
Padding.
Corner radius.
Bottom margin.
Site Title and Strapline
Display Site Title and Strapline in:
- Landscape view,
- Portrait view, or
- Both.
Site Title text.
Strapline text.
Strapline URL.
Padding.
Text weight (normal or bold).
Text colour.
Brand Modules
Display Brand Modules: YES or NO.
Adjust vertical position.
Same or different padding on devices in Portrait OR Landscape view.
Image corner radius.
Change look and feel with just a few simple clicks.
In Portrait View, show/hide a Header image above the:
- Top Menu, or
- Menu
using either SVG, JPG, GIF or PNG format.
Separately change the Container, Main Body and Brand with just a few simple clicks:
- LANDSCAPE view,
- PORTRAIT view.
Container
Background colour and opacity.
Gutters, padding and row-gap of Container positions.
Main Body
Gutters, padding and row-gap of Main Body positions.
Base
Background colour and opacity.
Gutters, padding and row-gap.
Change look and feel with just a few simple clicks.
Assign a VIEW (Landscape, Portrait or both) to a Position to determine when it will be displayed.
When a Position is not displayed then neither will Modules assigned to it.
This means you can globally control when Modules will be displayed.
Example
Display Breadcrumbs Position and its Breadcrumbs Module
- above Articles,
- below Articles, or
- not at all
when your website is viewed on a device in Landscape view or Portrait view.
Change look and feel with just a few simple clicks.
Assign a Card to a Position to change look and feel of Modules displayed in that Position.
Separately assign any one Card to any one Template Position:
- Top-a.
- Top-b.
- Sidebar-left.
- Sidebar-right.
- Main-top.
- Main-bottom.
- Bottom-a.
- Bottom-b.
- Base.
Custom Cards
Display the DEFAULT Card or one of three pre-configured CUSTOM Cards:
- Custom1 (Light Grey).
- Custom2 (Dark Grey).
- Custom3 (Black).
Change look and feel of CUSTOM Cards.
Add more CUSTOM Cards. Example: Custom4(Red).
We show you how in our Joomla! User Guide.
DEFAULT Card
Change look and feel with just a few simple clicks.
Background colour and opacity.
Title background colour and opacity.
Title text colour.
Title indentation.
Text colour.
Corner radius.
Increase padding.
Button background colour and opacity.
Button text colour.
Change look and feel with just a few simple clicks.
Choose for each Position listed below whether to display Modules in 1 or 2 Columns.
Large Screen Devices
Sidebar-right Position.
Tablets
Sidebar-right Position.
Base Position.
Phones
Sidebar-right Position.
Base Position.
Change look and feel with just a few simple clicks.
Text colour.
Heading colour.
Link text colour.
Link text format:
- Normal.
- Normal + underlined.
- Bold.
- Bold + underlined.
Change look and feel with just a few simple clicks.
Menu background colour.
Link background colour.
Link background colour and opacity when active.
Link text colour.
Link text colour when active.
Brand Menu
Link text colour.
Change look and feel with just a few simple clicks.
Navbar background colour.
Menu Links
Background colour.
Border colour.
Link text format (normal or bold).
Link background colour.
Link background colour and opacity when active.
Link text colour.
Link text colour when active.
Sub Menu Links
Sub Menu Link width (in Landscape view).
Hamburger Button
Background colour.
Foreground colour.
Bottom Menu Navbar
Display the Bottom Menu Navbar above or below the BASE position.
Top Menu & Menu Navbar
Stretch the Navbar Menu when related Navbar Search is not displayed.
Change look and feel with just a few simple clicks.
Background colour and opacity.
Text colour.
Change look and feel with just a few simple clicks.
Change TEXT SIZE for each category listed below:
- Prose (Button, Div, Input, Paragraph, {slider, Tab and Tags text).
- Breadcrumbs.
- Copyright.
- Headings.
- Menu Links.
- NAVBAR Menu Links.
Change LETTER SPACING of ALL text.
Change look and feel with just a few simple clicks.
Separately change the Google FONT Family for each main website element:
- Prose,
- Buttons,
- Headings,
- Menu Links,
- Navbar Links,
- Site Title,
- Strapline.
Add more Google Fonts.
Add traditional Web Safe Fonts.
We show you how to add and change Fonts in our Joomla! User Guide.
About Google FONTS
In WYNCHCO Website Designs, Google Fonts are self-hosted.
Self-hosted Google Fonts avoid the need for browsers to make remote calls to the Google server every time a website page loads.
This improves page load times, enables a better user experience, and helps improve SEO.
Removing the need for browsers to make remote calls to the Google server also reduces the risk of non-compliance with GDPR regulations.
How to change Look and Feel
A WYNCHCO Website Design enables you to change your website's Look and Feel in just a few simple mouse clicks.
Or if you prefer, a few simple dabs of your smartphone screen.
Simply sign into your website's Dashboard and follow these steps.
Example: 4-3-0-90.
Example: SITE.
Example: WEBSITE WIDTH.
Toggle between FIXED Width and FULL Width to change the width of your website in the browser of large screen devices.