Jump to content

Edit History

MightyMouseofGod

MightyMouseofGod


pressed return accidentally before finishing!

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

MightyMouseofGod

MightyMouseofGod

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;

×
×
  • Create New...