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

    Hello,

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

    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: LINK, but it seams to be not working like this anymore.

    Thanks, Enrico

    #284886

    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;
    	/*border-left:none;
    	border-top:none;*/
    }

    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;
    }
    #285080

    Hey!

    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.

    Regards,
    Peter

    #285423

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

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

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