1. ziggy
  2. Sherlock Holmes
  3. Free Templates / Extensions
  4. Wednesday, 28 November 2012
  5.  Subscribe via email
Hi ciaran,
Is it possible to extend the width of the Oxygen template to cover the white space on both sides? Currently it is 950 pix I believe.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi jazzman

It is possible however you would need to edit some of the template images. Firstly add the following to the Custom CSS field of your templates parameters...

[code type=css].wrapper960 {width: 1160px;}[/code]
Where 1160px is your new template width, that's the easy bit (",)... you must then adjust some of the template images to match that of your new template width...

http://demo.joomla51.com/0072/templates/j51_oxygen/images/hornav.png
http://demo.joomla51.com/0072/templates/j51_oxygen/images/content_bg.png
http://demo.joomla51.com/0072/templates/j51_oxygen/images/base_bg.png

Some other minor alterations might also need to be made to the CSS.

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi ciaran,
Thank you so much for the help. I am almost 90% of the way there. I added in the custom css and adjusted the images to match the new width. It looks great.
The problem now is that the main content component is not scaling to fit the new width. See my site http://www.simarveer.com to see the issue. I have sidecol-a and sidecol-b both enabled, but the component in the middle does not cover the entire space allocated to it. Can you help with this please? I looked at all the css files but could not figure out what to change.
Thanks.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Try also adding the following to your Custom CSS field...

[code type=css]#content_remainder {width: 680px;}[/code]
Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran, thanks again. It looks great now.
Is there any way to anchor the search box to the right end of the hornav? Right now it's almost in the middle.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran,
I added the following to the custom css and it worked. The search box is now anchored to the right of the hornav
#search {
top:150px;
left:900px;
}
Hope I did it right...
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect :)

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
  • 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.