How to make body width wider?

  • Resolved terremotointemporeale

    (@terremotointemporeale)


    9 years, 2 months ago

    Hello,
    the ad’s on my blog don’t fit properly on the body size (see the attached image).
    Consequently i’d like to make the body wider.

    Do you have any suggestion?

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Please provide me specific page url issue to check and find the exact solution.
    Thanks
    Mohammad

    Thread Starter terremotointemporeale

    (@terremotointemporeale)

    9 years, 1 month ago

    Mdshak
    you can see the ad’s going over the body width on the main page of the website: http://terremotointemporeale.it

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Please use this Additional Custom CSS code.

    @media (min-width: 1280px) {
	.container,
	.sticky-menu {
		width: 1250px;
	}

	#wrapper.boxed,
	#wrapper.boxed-long,
	.boxed .sticky-menu.fixed .container,
	.boxed-long .sticky-menu.fixed .container,
	.boxed .sticky-menu.fixed .container-fluid,
	.boxed-long .sticky-menu.fixed .container-fluid,
	.boxed #header.sticky-menu.fixed .navbar-transparent,
	.boxed-long #header.sticky-menu.fixed .navbar-transparent {
		width: 1250px !important;
	}
}

    Thanks
    Mohammad

    Thread Starter terremotointemporeale

    (@terremotointemporeale)

    9 years, 1 month ago

    Thank you very much Mohammad!

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Glad 🙂 to help you.
    Thanks
    Mohammad

    noticiasgenuinas

    (@noticiasgenuinas)

    9 years ago

    thanks Mohammad

    I already added the code and the page is already wide enough. But now I have problem with the slider, how do I change the width of each slider entry so that the three entries are as wide as the page?

    http://www.noticiasgenuinas.com

    @media (min-width: 1300px) {
	.container,
	.sticky-menu {
		width: 1270px;
	}

	#wrapper.boxed,
	#wrapper.boxed-long,
	.boxed .sticky-menu.fixed .container,
	.boxed-long .sticky-menu.fixed .container,
	.boxed .sticky-menu.fixed .container-fluid,
	.boxed-long .sticky-menu.fixed .container-fluid,
	.boxed #header.sticky-menu.fixed .navbar-transparent,
	.boxed-long #header.sticky-menu.fixed .navbar-transparent {
		width: 1270px !important;
	}
}
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘How to make body width wider?’ is closed to new replies.