Jump to content

How to do this?


Recommended Posts

 I want to arrange the MORE INFO part of the product page so that it would look like in the image below. The problem is that I don't know how to organize the borders.. I want the "More info" button to have no border in the lower part (border-bottom).

If you need more details, I will provide them.

 

Thanks!

post-715508-0-77149200-1392631187_thumb.png

Link to comment
Share on other sites

if you're talking about http://www.3bwine.com/CRISTY/prestashop/index.php?id_product=1&controller=product

 

you have to change css styles

.idTabs .selected {

color: #000;
background: #FFF;
border: 1px solid black;
border-bottom: none;
bottom: -1px;
position: relative

}

.idTabs a {
background: #FFF;
color: #c0c0c0;
display: block;
font-weight: bold;
padding: 10px 10px 7px;
text-decoration: none;
}
#more_info_sheets {
padding-top: 10px;
border: 1px solid black;
}
.idTabs {
list-style-type: none;
margin-top: 20px;
border-bottom:none;
}

effect:

H7M0yhN.png

Link to comment
Share on other sites

×
×
  • Create New...