Trying to get an image on a page to be entire width like on the home page. Using a full width page leaves white space around image. Using the home page defaults to widgets on home page.
How to I get an image entire width on an inside page?
Can I make another homepage template or is there a CSS solution to this?
Thank you.
Hi there
Hope you are having a good day and thank you for your question
try to use bigger images, more than 2000px in width, no you cant use homepage widgets on the other pages
Thanks!
Colorlib Support Team
That didn’t answer my question. The current image I am testing with is 5000 px.
If I use a full width page there is still white space on either side of the image.
How can I get the image to go to the full window size with no white space?
Thank you.
hi Todd
Ok, let me see it, please provide link to the page
I would also like to know the answer to this question. No matter how big my pictures are, Shapely seems to resize them and limit the width to 617 pixels (if I understand the CSS-code correctly). Is there anyway to get around this? When displaying graphic design-work I don’t want to show low resolution pictures.
HI Toby
Please open a new ticket and i will check your question,
sorry it’s complicated to work with several customers in one ticket 
Just getting time to get back to this question. I don’t have a link as page is not live yet.
See attached image. How do I make image 100% of page width, not container width.
I know this is possible as home page image is 100% of page.
Can I use css or make a copy of the home page template?
How can I make an image full width of the page?
Thank you,
Todd
Hi Todd
Sorry mate but i need to see it live in order to generate custom CSS i have to see what going on the page
Ok, here it is. http://icowa.flywheelsites.com/about-us/
You will need a username & password.
Username is: flywheel
Password: eagle-mountain
The large colorful image at the top of the about us page needs to extend the full width of the page with no white space.
Thank you.
HI
Ups, sorry but this image is not possible to make full width only with theme options because its wrapped in the main container which is not full width and if we make it like that everything on the page will be full width
It is ok that everything on the page is full width.
How do I make the image full width using CSS or other means?
Hello there,
I tried to access the page but there is a password on the page. Could you please remove it or add the password here in a private message?
Best Regards,
Support
Username: flywheel
Password: eagle-mountain
Well, how i said everything will be full width, here is the css code
.content-area {
padding: 0px;
}
@media (min-width: 1200px){
.container {
width: 100%;
padding: 0px !important;
}
}
@media (min-width: 992px){
.container {
width: 100%;
padding: 0px !important;
}
}
@media (min-width: 768px){
.container {
width: 100%;
padding: 0px !important;
}
}
Awesome, thank you so much. Works great.
Hi there,
I’m glad the code got to help.
Please feel free to reach out once again in case you have any more questions.
Best Regards,
Support.
Hi there,
I’m glad the code got to help.
Please feel free to reach out once again in case you have any more questions.
Best Regards,
Support.