I've researched a bit more and found out about including assets so now I have
in /home/soocoolco/public_html/test/themes/MyChildTheme/config/theme.yml
parent: apparelpro
name: MyChildTheme
display_name: Deb's test child Theme
version: 1.1.0
assets:
use_parent_assets: true
css:
all:
- id: custom-lib-style
path: assets/css/child_custom.css
priority: 999
in /home/soocoolco/public_html/test/themes/MyChildTheme/assets/css/child_custom.css
.offer-block .img-block {
padding: 15px;
}
page http://www.soocool.co.uk/test/
the purple squares which will eventually link to category pages have
<div class="img-block left-block">
<a href="#"> <img src="http://www.soocool.co.uk/test/img/cms/Multi.jpg" alt="Multicoloured"></a></div>
and on inspection they have
.offer-block .img-block {
display: inline-block:
float: left;
width: 33.333%;
padding: 0 15px;
}
I'm a novice with css and inheritance and a complete newcomer to prestashop and yml files. can anyone see what I've done wrong or point me at some documentation that might explain it.
Thanks