Sign Up for OSTraining

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Changing "Nested" Classes or Divs

Changing "Nested" Classes or Divs 1 year 3 weeks ago #44618

  • swrede
  • swrede's Avatar
  • OFFLINE
  • OSTarter
  • Posts: 1
  • Karma: 0
Hi - I don't know if my terminology is correct, but I can not sort out how to change the class or div that is nested several layers into a page module/div in the RocketTheme template I am using for Joomla 2.5. For example (from FireBug for the homepage of the template:
<div id="rt-headerblock2" class="headerpanel-pattern-none">
<div id="rt-headerblock3" class="headerpanel-accentoverlay-dark">
<div id="rt-top-surround" class="nopadding">
<div id="rt-drawer">
<div class="rt-container">
<div class="rt-grid-12 rt-alpha rt-omega">
<div class="rt-block menu-block">
<div class="rt-fusionmenu">
<div class="clear"></div>

I have used Firebug to identify the place in the css to update/add the class details and I know I want to change the rt-block to rt-block2. I have created rt-block2 but do not know where to update the div class in the html/php. I see where rt-container can be updated but I see nothing beyond that in the template.html or index.php file. What am I missing? Which tutorial should I re-watch to get this into my thick skull? Ultimately, my goal is to resize the rt-drawer and change background colors and menu layout but I can't figure out where to change the class below the rt-container level. I suspect I am css challenged but would appreciate some direction.

Thanks.
Please become a member of OSTraining to reply to this post.

Changing "Nested" Classes or Divs 1 year 3 weeks ago #44623

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 16726
  • Thank you received: 371
  • Karma: 54
Hi and welcome, swrede!

For those types of issues, you should use Page Class Suffixes. Check out the following documentation:
docs.joomla.org/Using_Class_Suffixes

Hope that helps! Let me know if you have any questions and, if you get stuck, on which specific step you're stuck on.

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.
  • Page:
  • 1

Sign Up for OSTraining

Open Source Training is not affiliated with or endorsed by the Joomla, WordPress or Drupal projects.
All product names and trademarks are the property of their respective owners.

Copyright 2013 Open Source Training, LLC. All rights reserved.