Results 1 to 4 of 4

Hybrid View

  1. #1
    Join Date
    Apr 2008
    Posts
    193
    Plugin Contributions
    0

    Default remove "width: 150px;" from <div id="categories" class="rightBoxContainer" style="wid

    Iíve put my categories side box into the menu. I know theres other ways of achieving the menu i want, but im following this method through aswell as a learning exercise.

    Firebug is telling me the following;
    <div id="categories" class="rightBoxContainer" style="width: 150px;">

    How can I remove this "width: 150px;". Its not in any style sheet so im guessing its in the php somewhere.
    Thanks
    James

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    19,783
    Plugin Contributions
    3

    Default Re: remove "width: 150px;" from <div id="categories" class="rightBoxContainer" style=

    Well, it's found in includes/templates/template_default/common/tpl_box_default_right.php

    but the actual 150px value is set in admin - configuration - layour settings - column width - right boxes

    If you want to shut off the right sideboxes altogether, there's a 'global' setting there too.

    (I used the admin - tools - developers tool kit and searched for 'rightboxcontainer' to find this.)

  3. #3
    Join Date
    Oct 2007
    Location
    Australia
    Posts
    889
    Plugin Contributions
    0

    Default Re: remove "width: 150px;" from <div id="categories" class="rightBoxContainer" style=

    Admin>>Configuration>>Layout Settings and the top two lines are where you can change that width:

    Column Width - Left Boxes 150px
    Column Width - Right Boxes 150px

    Also if you don't want the side columns on at all, you can turn them off in the same section:

    Column Left Status - Global
    Column Right Status - Global
    HunnyBee Design
    "A man's manners are a mirror in which he shows his portrait." ~ Johann Wolfgang von Goethe

  4. #4
    Join Date
    Apr 2008
    Posts
    193
    Plugin Contributions
    0

    Default Re: remove "width: 150px;" from <div id="categories" class="rightBoxContainer" style=

    Thanks.

    The reason I wanted this was I had to put
    <div id="categoriesContent" class="sideBoxContent">
    In my header. When I found the source php file that was creating the categories box and copied the content into my header file, it didnt work.

    So that my menu can be fluid I dont want a width value for this div so ive changed the following;

    <div class="rightBoxContainer" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">

    <div class="rightBoxContainer" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="">

    I first tried to use CSS to override the PHP but the following didn't work;
    .rightBoxContainer, #categories {
    width: 100%;
    }


    So long as this hasn't caused problems for me down the line, it seems to be working fine.

    In future, would it be possible to use CSS to override the PHP so I dont have to edit the PHP code?

    thanks
    james

 

 

Similar Threads

  1. Shopping cart - trying to turn off "Total Items" "Weight" and "Price"
    By deshojo in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 4 Apr 2011, 07:15 PM
  2. Modify "add to cart" "write a review" "tell a friend"
    By Marlake in forum Templates, Stylesheets, Page Layout
    Replies: 18
    Last Post: 10 May 2008, 12:05 PM
  3. Change <div class="categoryListBoxContents" style="width:33%;">
    By akabigdog in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 21 Apr 2007, 02:03 AM
  4. Replies: 0
    Last Post: 5 Jan 2007, 02:35 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •