Post by plutonium78 » Fri Sep 22, 2023 9:18 am

Hi!
I am using version 3.0.3.8
I need to get full-width of the screen in some of my /information pages.

This is the code I use:
<div class="container-fluid full-width" style="background:green">
<div class="text-center">TEST</div>
</div>

However, container-fluid does not work. The background stays central and only covers around 992px.

Is there a way to get full-width of the screen? Please advise!

Newbie

Posts

Joined
Thu Jun 01, 2023 10:27 pm

Post by TMD Extension @ » Fri Sep 22, 2023 12:30 pm

you did not mention the theme name. The default theme uses the box size layout so you need to make the changes into the THEME's CSS file and TPL of the information page.
If you wrote the code inside the information page from admin where people write the content. It won't work.
Without knowing the theme, none of us help you.

Image

Thanks & Regards
Sehaj Kaur
TMD Extensions
Contact Us For Customisations


Active Member

Posts

Joined
Thu Mar 17, 2022 12:59 pm

Post by hpwebdesign » Sat Oct 07, 2023 9:05 am

You need to edit the CSS, maybe something like

.container-fluid.full-width{
width:100%!important;
}

To help add CSS, you can use a module in OpenCart, for example this

https://www.opencart.com/index.php?rout ... n_id=42667

HP Web Design
Powering Digital Commerce | http://hpwebdesign.io | http://opencart.id
Opencart Professional Services | Create OpenCart Online Store | OpenCart Tutorials


User avatar
Active Member

Posts

Joined
Wed Aug 15, 2018 6:58 am
Location - Yogyakarta
Who is online

Users browsing this forum: Mariogs, nonnedelectari and 23 guests