This section walks you through how to customize a template. You can configure the look of a template without having to edit core files. For custom CSS code changes we recommend to use a custom.css file, which should be created in /css/ folder of template next to other CSS files. Read here or in Helix Ultimate manual.
How to remove Zoom effect from blog images
You have to use simple CSS code to disable image zoom effect after hovering on blog images.
.sppb-addon-articles-slider .sppb-addon-article:hover .sppb-img-wrapper img
{transform: scale(1); }
How to remove Color Layer from blog images
You have to use simple CSS code to disable the layer color effect from blog images:
.article-list .article .article-feature-gallery::after {
background-color: transparent;
opacity: 0.1; }
How to use Page Title with BG Image
The first step, you have to enable and set Page title from Menus (Main Menu in most cases), from menu item (Menus: Edit Item), tab named "Page Title" > Enable Page Title: Yes. There you can also choose a background image used under a title.
The second step, add a class ” has-page-title” in tab "Page Display" > "Page Class"
You have to use a simple custom SS code to disable the dark layer over the header images.
sp-page-title::after {background-color: transparent;}
Using the value of opacity - you can decide if the layer bg color should be darker or lighter. By default, there is value 0.8.
sp-page-title::after {opacity: 0.95;}
How to translate the Login section
To translate the Login module used in the login area please translate those phrases:
CUSTOM_LOGIN="Login | Registration"
CUSTOM_LOGIN_HEADING="Login"
CUSTOM_LOGIN_SUBHEADING="Welcome back Plaese Login"
CUSTOM_LOGIN_HI="Hi"
You have two ways to do that:
- Create your own language file based on:
language\en-GB\en-GB.tpl_shaper_wayne_corp.ini
- Use Joomla Language Override from Extensions > Language(s) > Overrides > New
..