Become a Reseller


Reseller whit platform


[CSS] Layout 3


Store: csscoder

In stock

  Fai una domanda

1. In the Design menu, select layout 3 and enable the “display the homepage slider” option.

2. Still in the design menu, scroll down to Homepage slider options and use the following settings.

Loop over images is yes

Slideshow duration: 3 (up to you)

Top position: 2;

Image opacity: 100%;

Image height: 25%;

2. The banner at the top of the slider is an image with size 2732px*250px.

3. The module that we use in the demo, like the thumbnail image, we use 12 modules. It’s up to you to use whatever and more than 12 modules. For the first 8 modules, we use a rounded design. Then 4 modules in the sub last section, we use a square design (50% of the screen width) with an additional sentence after the module’s title (you can change these subtitles), and the last modules after 12 first modules we use the square design (100% of the screen width) with additional the “More” button.

4. Paste the following script into the menu Colors – Advanced Customization CSS / SCSS

Be the first to review “[CSS] Layout 3”

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


There are no reviews yet.

General Inquiries

There are no inquiries yet.

Appteam to offer you a better experience on this site uses its own and third-party technical, analytical and profiling cookies. The site also uses third-party tracking cookies to adapt advertising to your preferences.

If you want to know more or refuse consent to the use of cookies click here. By continuing to browse, you consent to the use of cookies.

Privacy Settings saved!
GDPR Center

When you visit a website, it can store or retrieve information on your browser, mainly in the form of cookies. Check your personal cookie services here.

These cookies are necessary for the website to function and cannot be disabled in our systems.

In order to use this website we use the following technically required cookies
  • wordpress_logged_in_
  • wordpress_sec
  • wordpress_test_cookie

We use WooCommerce as a purchasing system. 2 cookies will be stored for the shopping cart and order processing. These cookies are strictly necessary and cannot be disabled.
  • woocommerce_cart_hash
  • woocommerce_items_in_cart

  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec

Decline all Services
Accept all Services

Main Menu