Footer overlap

I am using Vantage theme for my wordpress site.

I see the content getting overlapped by footer. I tried to change the css file.
But the changes do not reflect .

Please Help!

Remove padding from main page?

Here is the link to my website, I have not customized the photos yet as I wanted to get the layout right before I screwed anything else up.

I am wanting the footer to be higher up, preferably where I do not have to scroll on the main page.

Helllpppppp.

www.rylansrichesphotography.com

Auto-resize a <div> image when there is a second <div> inside the main <div> wrapper

I have a .well.carousel and inside that I have two , one is the image and the other is the title text. I managed to auto-resize the image, but when I reduce the height of my well.carousel then the title text falls out of the .well.carousel. How do I get the image to resize such that the title text also stays enclosed within .well.carousel when my height is 150px (see Fiddle)????

http://jsfiddle.net/rabas007/vy5re648/68/

Unwanted Horizontal Scroll

Hi,

I have an unwanted horizontal scroll bar. I have included the html and css below. This is a work in progress so not perfect.

I have tried changing the widths on several elements without any change. It does the same in IE and Chrome.

<div id="container">
	<div id="header">
	<div class="header_right"></div>
 
		<h1>Put your site name here</h1>
  </div>
	<div id="navigation">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Contact us</a></li>
		</ul>
	</div>

Get images in diff dimensions for diff div classes and also responsive as well, possible?

Hi,

Following challenge:

- I have a main article-headline image: 800x500px.
- I have a carousel which displays 3 article headline images at once.
- The CSS for those carousel-article-headline-image:

.carousel-article-headline-image {
	height:200px;
	width:300px;
}
[code]
 
and
 
[code]
.carousel-article-headline-image img {
    max-width:100%; 
    max-height:100%;
    margin:auto;
    display:block;
}
 
- I also use the main-article-headline-image in a grid menu with again above code but different div class and height and width px. 

Syndicate content