[SOLVED] CSS style different for One page checkout

[simberak]

Hello there,

 

I would like to edit the css styling on Cart/One page checkout for <div class="columns-container"> which is in template for all pages on site. Pitty this div doesnt have id different for each page. So the question is, how can I achieve to edit the css of this tag just on the Cart/OPC page? I need to set the padding-top to 0px. You can see the cart after adding a product to it on my test domain http://www.webgamesy.cz

 

I guess it has to be a way hot to assign the style to concrete page

 

Thanks for help

Edited October 13, 2016 by simberak (see edit history)

[Knowband Plugins]

We recommend you to use the module on the following link. It allows you to add CSS on any specific page. You  can even decide whether to add CSS for mobile phones or not.

 

http://addons.prestashop.com/en/21546-knowband-custom-css-and-js.html

 

With the help of this module, you will be able to add CSS only on the checkout page and that too without editing any core files. To get selector for you desired element, we recommend you to use Chrome browser's selector tool and then right click on the element to copy the selector path.

 

This will give you unique selector for the desired HTML element on the page.

[simberak]

Hello and thank you for your answer. The module looks nice, but just because editing one page I would prefer to not install next module and love to find some cheaper solution ) Anyway, thank you If there will not be other solution, maybee I will buy it

[rocky]

You can use the page ID to target that div. For example:

#order-opc .columns-container {
    /* Your CSS here */
}

[simberak]

Yep thank you rocky, I found that