Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #284732


    how can I improve the styling of the product table in the single product pages, right now, it looks like this:

    (Purchase code hidden if logged out) /info.png” alt=”TABLE” />

    1. the table line, which is dividing the two rows is not applied for the first column with the green background
    2. there is no table line on the top of the table and the border line is not encircle the whole table
    3. the tab “Sort Description” is not translated into german, unfortunately I can’t find the right file for changing this. I refer to this topic: (Purchase code hidden if logged out) /”>LINK, but it seams to be not working like this anymore.

    Thanks, Enrico


    Issue (2) is rsolved with this code in custom.css:

    td {
    	font-size: 12px;
    	padding: 6px 6px 6px 12px;
    	border-style: solid;
    	border-width: 1px;

    Issue (1) is rsolved with this code in custom.css:

    div table.shop_attributes th {
      width: 150px;
      font-weight: bold;
      padding: 8px;
      margin: 0;
      border: solid;
      border-width: 1px;
      border-color: #e1e1e1;
      line-height: 1.5em;
      text-transform: capitalize;
      letter-spacing: 0px;


    3) Insert this code into the enfold/functions.php or child theme functions.php file:

    add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
    function woo_rename_tabs( $tabs ) {
    	$tabs['description']['title'] = __( 'Mehr Informationen' );		// Rename the description tab 
    	return $tabs;

    and replace “Mehr Informationen” with your custom text.



    thanks, this helped. It’s working now.
    Topic can be closed :)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Single product page, styling of table’ is closed to new replies.