Results 1 to 10 of 10

Hybrid View

  1. #1
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Category Layout errors!!!

    You may have tried "all" of the edits, but if so you didn't keep them, or didn't use the right ones.

    In your stylesheet, find
    Code:
    .categoryListBoxContents{
    	font-size: 13px;
    	font-weight: bold;
    	background-color: #E9D19D;
    	margin: 10px;
    	padding-top: 5px;
    	padding-right: 10px;
    	padding-bottom: 5px;
    	padding-left: 10px;
    	border: 1px solid #101D41;
    	text-align: center;
    }
    and add


    width: 43% !important;
    float: left;

    to get
    Code:
    .categoryListBoxContents{
    	width: 43% !important; 
    	float: left;
    	font-size: 13px;
    	font-weight: bold;
    	background-color: #E9D19D;
    	margin: 10px;
    	padding-top: 5px;
    	padding-right: 10px;
    	padding-bottom: 5px;
    	padding-left: 10px;
    	border: 1px solid #101D41;
    	text-align: center;
    }
    A stock stylesheet has
    Code:
    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    	float: left;
    	}
    which allows all of these elements to sit as many as will fit on one line. You appear to have removed #logo as well as .categoryListBoxContents from the selector list:
    Code:
    .centerBoxContents, .specialsListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    	float: left;
    	}

  2. #2
    Join Date
    Jun 2009
    Location
    Salt Lake City
    Posts
    15
    Plugin Contributions
    0

    Default Re: Category Layout errors!!!

    Heh... I tried (cut/copy/paste) so many edits, but I tried to be careful! =)

    It's all about the "!important" attribute.

    I put back the logo code and such and just played with turning "important" on and off and that made all the difference.

    From now on when something else doesn't work, the first thing I'm gonna try is "!important!"

    THANKS!!!

  3. #3
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Category Layout errors!!!

    When writing new code, it is best to avoid the need to use !important in the stylesheet, but for changing existing hard-coded styling it is often the most efficient method.

 

 

Similar Threads

  1. Layout Errors on Laptops
    By colnixon in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 17 Feb 2009, 02:10 PM
  2. category dressing errors and move add to cart errors
    By MachaNeko in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 18 May 2008, 02:29 PM
  3. Layout controller errors
    By robbok in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 1 Feb 2007, 08:36 PM
  4. MessageStack Errors + layout
    By JamesM in forum General Questions
    Replies: 1
    Last Post: 25 Jan 2007, 11:31 AM
  5. Layout errors in IE. Firefox ok
    By strelitzia in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 4 Nov 2006, 11:31 PM

Posting Permissions

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