Recent
Categories
View Replies (4)

Avenue Width

0
Votes
Undo
  1. davemurph24
    davemurph24
  3. Commercial Templates
  4. Wednesday, 26 February 2014
  5.  Subscribe via email
Hi,

I recently created a website with the avenue template. The site looks fine on Google Chrome, etc except on Internet explorer.
If you check the about us page the text and pics go outside the template borders.
Can you please advise how to amend this,
http://www.littlestepscountrycreche.ie.

Thanks,
Dave
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dave

Could you try removing the following from your templates jstuff.css (../templates/j51_avenue/css/jstuff.css)...


/*Category Blog Layout*/

.items-row{float:left; margin-bottom:5px !important; padding-bottom:18px;}

.column-1, .column-2, .column-3, .column-4{padding:0;}



/* 1 column layout */

.cols-1{display: block; float: none !important; margin: 0 !important;}



/* 2 column layout */

.cols-2 .column-1{width:48%; float:left;}

.cols-2 .column-2{width:48%;float:right; margin-left:3.5%;}



/* 3 column layout */

.cols-3 .column-1{float:left; width:31%; padding:0px;}

.cols-3 .column-2{float:left; width:31%; padding:0px; margin-left:3.5%;}

.cols-3 .column-3{float:left; width:31%; padding:0px; margin-left:3.5%;}



/* 4 column layout */

.cols-4 .column-1{width:23%;float:left;}

.cols-4 .column-2{width:23%; margin-left:2.2%; float:left;}

.cols-4 .column-3{width:23%; margin-left:2.2%; float:left;}

.cols-4 .column-4{width:23%; margin-left:2.2%; float:left;}


Hopefully this should resolve the issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
davemurph24
davemurph24
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran,

I tried that but still no change.

Dave
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dave

The issue appears to be caused by the width of the header image (http://www.littlestepscountrycreche.ie/images/about%20us.jpg) as this images extends beyond the width of your content wrapper. Reducing the width of this image to less than 930px should resolve the issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
davemurph24
davemurph24
Accepted Answer Pending Moderation
0
Votes
Undo
Excellent, that did the job, thanks Ciarán.

Dave
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!