Forums

How Do I Stretch An Image Block Across The Whole Page?

Permalink
Hi

I have an image block with an image attached to it. My problem is that i want the image to stretch across the whole page. How do i get that to happen. If you go to my site,http://captainjackpuntamita.com/... you will see the image on the main page but it doesn't stretch to the left and right to the edge like I want.

1 Attachment

 
growlrooed replied on at Permalink Best Answer Reply
growlrooed
Since you built that in Bootstrap, you would need that image to be wrapped in a div which stretches from side to side. You'll have to swop your "container" div for a "container-fluid" class to begin with, which isn't constrained to 1200px width.

Then specify in CSS:
that the col-sm-12 has padding:0px;

Then make sure the picture img element has an image size that can stretch to the largest width and depth you need.

Thankfully you are using the Picturefil.js which makes this all a pretty simple matter.
dlfootball72 replied on at Permalink Reply
Awesome, thank you! I was able to make those changes using chrome dev tools and it worked. Now its probably a dumb question by me, but where exactly are the html and css files located at on my server? Thanks again!
growlrooed replied on at Permalink Reply
growlrooed
No problemo.

Looks like you are using the Elemental theme that is the basic theme installed on CC5 in the concrete/themes folder.

However if you are going to go and change that around I would advise you to make a copy of that theme folder and then place it into: /application/themes/

But first rename it to something to make it your own.

If you are building it in CC5.7, check this out for a full run down on how to create a theme:
http://www.concrete5.org/documentation/developers/5.7/designing-for...

Also look around on the how to's for some other useful info on securing your website and hiding the version of CC5.

Cheers,
ed
dlfootball72 replied on at Permalink Reply
Can't thank you enough for getting me pointed in the right direction.