Childtheme maken voor woocommerce integratie

Ik heb de map twenty twelve child aangemaakt en die staat nu in wpcontent/themes
Ik maak gebruik van een childtheme omdat ik mijn Woocommerce webwinkel wil integreren met mijn theme Twenty Twelve en dus geen gebruik wil/kan maken van een eigen Woocommerce theme.
Op dit moment wil ik met het child theme 2 zaken regelen:
Ik wil op de Woocommerce pagina winkel – net als de homepagina http://www.aangenamerleven.nl – geen sidebar hebben en de producten die daar getoond worden breeduit etaleren. Nu staan ze te dicht op elkaar en overlapt de tekst Toevoegen aan winkel wagen elkaar (http://www.aangenamerleven.nl/winkel/ )
Ik wil graag de weergave van de uitgelichte product afbeelding hier regelen, want bij instellingen werkt het niet.
Ik heb met kladblok style.css en functions.php aangemaakt. Als ik in Verkenner ga kijken dan zie ik dat het style.css is opgeslagen als style en het nu Document met trapsgewijs opmaakmodel genoemd wordt. En de functions.php is een tekstdocument. Klopt dit?
Als ik in kladblok het bestand style.css noem dan zie ik in verkenner alleen style als naam staan. Ik heb de naam even veranderd in style.css maar als ik het bestand dan upload naar de map theme, zie ik weer staan style.css.css Dus dat heb ik maar weer herbenoemd als style.css. Voor functions.php zag ik in de map theme opeens als bestandnaam staan functions.php.txt. dat heb ik maar herbenoemd als functions.php

Als ik naar dashboard/weergave/themes ga zie ik eerst alle thema’s en als laatste mijn twentytwelve-child.
Als ik die activeer wordt mijn home pagina een rotzooitje, en als ik niets doe in de hoop dat het child theme automatisch wel in werking treedt, blijkt er niets te veranderen/gebeuren. Kortom hoe activeer ik het child theme

De inhoud van mijn style.css bestand is:
/*
Theme Name: Twenty twelve Child
Theme URI: http://aangenamerleven.nl/twenty-twelve-child/
Description: Twenty Twelve Child Theme
Author: Derk Postema
Author URI: http://aangenamerleven.nl
Template: twentytwelve
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fourteen-child
*/

@import url(“../twentytwelve/style.css”);

/* =Theme customization starts here
————————————————————– */
@media screen and (min-width: 600px)
.site-content {
width: 100%%;
}

De inhoud van mijn functions.php bestand is:
<?php //Open-tag

remove_action (‘woocommerce_sidebar’, ‘woocommerce_get_sidebar’, 10);

?> //Sluit-tag

Gaat het met deze codes überhaupt werken?