Layout/CSS issues

[Emzo]

I am using Prestashop version 1.5.4.1, with the default template. Link to site is http://www.fazex.co.uk/presta. Please ignore then 'Faze X Logo' and broken image link at the top of each page, these problems exist without that top module installed.

 

Somehow along the way I have managed to mess up a couple of things in my layout and I have no idea how to fix them.

 

First is on the product page, the more info tab is not underlined like in the default template. Instead there is a bullet point appearing on the left next to it. Eg http://fazex.co.uk/p...od-shuffle.html. I want the more info section to look like it is on the default template like: http://demo-store.pr...-camcorder.html

 

Also I think I need to add a space before my footer. In some pages the content is very close to the footer and in the log in page the boxes are not even fully shown due to the footer. http://fazex.co.uk/p...back=my-account

 

Thanks

[vekia]

1. hmm you removed the .idTabs class from global.css style

.idTabs {
list-style-type: none;
margin-top: 20px;
padding: 0 5px;
border-bottom: 8px solid #f7b900;
}

[Emzo]

I found the idTabs in my global.css and just one line was missing. I added it in however the tabs still are not displaying properly.

 

.idTabs {

list-style-type: none;

margin-top: 20px;

padding: 0 5px;

border-bottom: 8px solid #0e0e0e;

}

[vekia]

this is whole code for the tabs:

/* ************************************************************************************************
  PRODUCT PAGE
************************************************************************************************ */
/* BLOCK idTabs ******************************************************************************** */
.idTabs {
  list-style-type: none;
  margin-top: 20px;
  padding:0 5px;
  border-bottom: 8px solid #f7b900
}
ul.idTabs li {
  float: left;
  margin-right: 1px
}
.idTabs a {
  display:block;
  padding:10px 10px 7px 10px;
  font-weight:bold;
  text-decoration:none;
  color:#fff;
  background:#000
}
.idTabs .selected {
  color:#000;
  background: url(../img/bg_li_idTabs.png) repeat-x 0 0
}
#more_info_sheets {padding-top:10px}
#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl {margin-left:20px}
.block_hidden_only_for_screen {display:none;}

[Emzo]

Okay so here is all of my code for that section

 

/* ************************************************************************************************
 PRODUCT PAGE
************************************************************************************************ */
/* BLOCK idTabs ******************************************************************************** */
.idTabs {
list-style-type: none;
margin-top: 20px;
	padding: 0 5px;
border-bottom: 8px solid #0e0e0e;
}
ul.idTabs li {
float: left;
margin-right: 1px
}
.idTabs a {
display:block;
padding:10px 10px 7px 10px;
font-weight:bold;
text-decoration:none;
color:#fff;
background:#000
}
.idTabs .selected {
color:#fff;
background: #0e0e0e
}
#more_info_sheets {padding-top:10px}
#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl {margin-left:20px}
#more_info_sheets em {font-style:italic}
#more_info_sheets .product_desc{
margin-top:5px
}
#more_info_sheets .product_desc .product_image{
float:left
}
#more_info_sheets .product_desc .block_description{
float:left;
margin-left:10px;
width:420px
}
#more_info_sheets .product_desc .clear_product_desc{
clear:both;
height:0px;
line-height:0px
}
/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {margin-left:20px}
.block_hidden_only_for_screen {display:none}

 

I took out the line #more_info_sheets em {font-style:italic}

Then I added in .block_hidden_only_for_screen {display:none;} .like you had in your version however nothing changed.

 

The only other difference I can see is background: url(../img/bg_li_idTabs.png) repeat-x 0 0

Where I changed the background for a colour but I don't think that will be the issue.