Visit Main Site
Join Partner Program
Login
     
Getting Started with Template
Building a Website
Starting Template Creation
Layout
Creating Your Layout
Editing The Content Section
Creating & Editing Docker
Positioning
Pages
Create a Page
Page Content Editor
More Features
Widgets
Files & Assets
Designing With Custom CSS
Development With Custom JS
How to Add Fonts
How to Add Images
Navigation
How to Create?
How to Modify Existing Navigation?
How to Set a Navigation?
Snippet
Adding Snippet Template
Add Code to Snippet Template
Data Attribute
Skip-control
Create Snippet
Using Snippets on Page
Responsive Design
Crafting Responsive Content
Crafting a Responsive Header
Hide Grid for Specific Resolutions
Import & Export Guide
Marketplace Template Management
Demo Template
Logo & Favicon
» How to Add Images

How to Add Images

If you want to add a background image to your template, you can create a folder and place your images in it.

When writing the source path in your CSS file, you must follow the image file path convention.

The image file path should be in the following format: /template/eightDigit/images/fileNameWithExtension

You can obtain the eight-digit code from the General Settings section in the WebCommander admin panel.

To add an image as a background, you need to follow these steps:

  • Place the image file in the “images” folder of your project.
  • Open the style.css or responsive.css file (depending on your needs) and write the CSS rules to set the image as the background.


If you want to set a background image for a specific page section, you need to follow these steps:

  • Place the image file in the “images” folder of your project.
  • Open the style.css file and add the following CSS rules to set the background image for the desired page section.
Terms and Conditions
Privacy Policy

© 2024 WebCommander | All Rights Reserved

contact@webcommander.com
1300 797 571

WebCommander
About Us
Features
Pricing
Compare
Partners
Contact Us
Resource
Find a Partner
Help Centre
Community
Blog
Solutions
Inventory Management
Omnichannel Sales
Ecommerce Automation
B2B Ecommerce
Headless Commerce
Website Design and Performance