Results 1 to 2 of 2
  1. #1
    Join Date
    May 2006
    Location
    USA
    Posts
    35
    Plugin Contributions
    0

    Problems with main page css

    I need help get my nav tab bar to show the text with out having a background and remove all the empty space between it and the header background. I also would like to shrink the size of the tile_back.jpg on the top and bottom. And if anyone knows how I could change the center colums letters to white and get rid of the exess tile_back.jpg that is behind my scrolling products bar. I also need the left edge of the store to be spaced out from edge equal to the right. Here is my site if you would like to take a look, Nepton Clothing.
    All Help Welcome.
    Thanks,
    Nepton

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Problems with main page css

    For the Nav bar: in your stylesheet,css file find this:
    Code:
    #navMainWrapper, #navSuppWrapper {
    	margin: 0em;
    	background-color: #136865;
        background-image: url('../images/tile_back.jpg');
        font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 846px; padding-left:0.2em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.5em
    	}
    Change, remove the line or change the tile_back.jpg to what you want. the color of the backgroung is curren tly #136865 if this is ok then great or you can change it to any html color you want.
    I need help get my nav tab bar to show the text with out having a background and I also would like to shrink the size of the tile_back.jpg on the top and bottom.
    These are conflicting statements if I have understood your post correctly...you either do not want a background hence get rid of the tile_back or you want to reduce the size of the tile_back???
    how I could change the center colums letters to white
    First, the letter color is in the stylesheet.css as
    Code:
    body  { 
          color: #000000;
          font-size: 62.5%;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          background-color: #e5edf5;
          background-image: url('../images/surfing.jpg');
          margin: 0;
          }
    Where color #000000 is black, change to #FFFFFF; also add the close tag in red.
    get rid of the exess tile_back.jpg that is behind my scrolling products bar.
    I assume that this code is entered in the main_page.php file...this is where the border is called out...or post the code for the scrolling bar.
    I did not see an unbalanced left to right alignment.

    BTW 2 things, your site does not render in FireFox, scrolling bar specifically. And at the end of you CSS file there is some code added that is for an older version of ZenCart if for ZenCart at all. It calls out tables and in the new version there are few.
    Zen-Venom Get Bitten

 

 

Similar Threads

  1. 3 small problems with main page
    By Interdigital_Designs in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 28 Aug 2011, 05:26 AM
  2. Problems with image borders on the main page
    By steveb8385 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 15 Sep 2009, 08:51 PM
  3. Problems with the main page size
    By manuel_mra in forum General Questions
    Replies: 3
    Last Post: 2 Jun 2007, 01:44 AM
  4. Newbie problems with main page
    By san_san in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 22 May 2006, 02:44 AM

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