O'Reilly logo

PrestaShop 1.3 ThemingBeginner’s Guide by Hayati Hashim

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action — Modifying lines in the center column

  1. Open Firebug, and go to the element that you would like to edit.
    Time for action — Modifying lines in the center column
  2. The text in the preceding screenshot is the text you want to edit in terms of its margin, and padding. You will need to go to global.css and edit the text sixe, padding and bottom margin.
    .editorial_block h2 {
    background: none;
    padding: 0;
    margin-bottom: 1em
    }
    

    Tip

    If it isn't stated whether it is the bottom or top margin, the margin values are shown according to top right bottom left.

  3. You can test how you want to change the margin and padding by increasing the value, by lowering the distance from top, and so on.

Try it, and if the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required