RocketTheme - TOPIC: Change width for only one module (1/2)

Welcome Guest! Login

0 items Join Now

- Sid
- Newbie
- Posts: 14
- Thanks: 0
Change width for only one module

Posted 14 years 4 months ago
- Hi,
  
  i need some help with the metamorph v2 template! I want to change the width for only one module on the left side. I can change the width for all left sidecolumns in the template config but i only need it for one!
  
  Link:
  http://auto-mattern.de/portal/Auto-Mattern-Walle-Lauf/Auto-Mattern-Walle-Lauf-am-Sonntag-den-31.-Oktober-2010.html
  
  The "Sponsoren" width should be 200px
  
  Thanks for your help!
#530325
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
Re: Change width for only one module

Posted 14 years 4 months ago
- Hello, Currently I checked that the width is 234px. Did you manage to change the fix already?
#530746
- Sid
- Newbie
- Posts: 14
- Thanks: 0
Re: Change width for only one module

Posted 14 years 3 months ago
- Hi,
  
  in the metamorph2 template settings the "Left Sidecolumn Width" is set to 270. That's ok for the rest of the site - but this module looks ugly if it's 270px so i need it a little bit smaller
#530799
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
Re: Change width for only one module

Posted 14 years 3 months ago
- I see. In that case, could you please put any module suffix in the module parameter so we can control just that module with css?
#530861
- Sid
- Newbie
- Posts: 14
- Thanks: 0
Re: Change width for only one module

Posted 14 years 3 months ago
- I called the suffix "spon"
  
  thx for your help
#530887
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
Re: Change width for only one module

Posted 14 years 3 months ago
- I checked it again, but I can't see the suffix there. Screenshot attached.
  
  Firstly, ensure you've actually made the changes to the module suffix.
  
  Secondly, ensure you are clearing your browser cache, and Joomla cache (Admin > Site > Clean Cache), as some changes will not even show up until you clear your cache.
#530894
- Sid
- Newbie
- Posts: 14
- Thanks: 0
Re: Change width for only one module

Posted 14 years 3 months ago
- Now i changed it to -spon as you can see in <div class="module-spon"> or is this not the right way? I cleared the cache!
#530903
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
Re: Change width for only one module

Posted 14 years 3 months ago
- Oh, so silly of me. My eyes were wrong. You have done the correct way. In my screenshot above it does exist. Sorry.
  So, you may try this with the current suffix. Edit your template.css at:
  <Joomla Root>/templates/<your template name>/css/template.css
  
  At the end of the lines, add below codes:
  .module-spon {width: 200px; margin: 0 auto; text-align: center;}
  
  Just remove the text-align: center if you don't want to centered it
#530909
- Sid
- Newbie
- Posts: 14
- Thanks: 0
Re: Change width for only one module

Posted 14 years 3 months ago
- no problem... my eyes are looking like this after a few hours working with the site -> :shock:
  
  mhh... something happened (the "Sponsoren" is now centered) but the width is still 270px
#530950
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
Re: Change width for only one module

Posted 14 years 3 months ago
- Oh, I think we misunderstood here. Do you mean you want to make the "left column" width to be 200px when this banner module appears? I don't think it's possible to detect that. However, we can do that with page suffix (not module suffix). For example, if you put a page suffix in the menu item where that banner is published, we can modify the css again. Is it the stuff you want to accomplish?
#531123