1. davemurph24
  2. Commercial Templates
  3. Wednesday, 26 February 2014
  4.  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
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. # 1
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. # 2
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. # 3
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. # 4
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.