Post by Diaplo » Thu Jan 28, 2021 7:02 pm

Hi
I've used HTML content, but even after using container-floud the content still doesn't appear as a full screen.
How do I fix that?

Attachments

Capture10.PNG

screenshot - Capture10.PNG (22.8 KiB) Viewed 3187 times


New member

Posts

Joined
Thu Jun 25, 2020 5:36 am

User avatar
Guru Member
Online

Posts

Joined
Wed Dec 05, 2007 3:38 am


Post by Diaplo » Thu Jan 28, 2021 8:15 pm

JNeuhoff wrote:
Thu Jan 28, 2021 7:30 pm
Have you correctly used OpenCart's layout design editor? See http://docs.opencart.com/en-gb/system/design/layout/ for details.

I want to enable full screen for content within the html module only.
If you know how to do that, tell me?
Thank you

New member

Posts

Joined
Thu Jun 25, 2020 5:36 am

Post by webocreation.com » Mon Sep 27, 2021 12:50 pm

Diaplo wrote:
Thu Jan 28, 2021 8:15 pm
I want to enable full screen for content within the html module only.
If you know how to do that, tell me?
Thank you
This post will help you
HTML content full width and Slideshow full width

You can just use simple CSS like:

Code: Select all

<div class="htmlcontentfullwidth">
	<h2>This is heading title of HTML module</h2>
	<p>HTML Module description HTML Module description</p>
</div>
<style>
  .htmlcontentfullwidth{
  	left: calc(-1 * (100vw - 100%) / 2);
    width: 100vw;
  	position: relative;
  	padding: 50px 20px;
  }
</style>

Blog free tips and tricks
Free extensions
OpenCart Tutorials
OpenCart Tutorials Youtube Video for developers


User avatar
New member

Posts

Joined
Fri Feb 02, 2018 11:51 pm
Who is online

Users browsing this forum: No registered users and 31 guests