How to Adjust CSS to Shift the Whole Right Column Over in PrestaShop
PrestaShop is a free open-source e-commerce solution for website developers and designers. The software allows you to upload a custom theme that controls the look and feel of your site. Within the theme is a CSS file that controls the background, text properties and positioning of elements such as columns. The padding variable of the CSS file controls how far from the top, bottom, left or right that a column, object or text appears. Access the padding variable to shift the right column of your PrestaShop site over.
Other People Are Reading
Instructions
-
-
1
Log in to your Web server using an FTP client on your computer.
-
2
Open your website folder from the Web server by double-clicking the website folder name.
-
-
3
Double-click the “Themes” folder.
-
4
Select the “PrestaShop” folder by using your mouse to click the folder.
-
5
Copy and paste the global.css file to your desktop.
-
6
Click “Start,” “All Programs” and select “Notepad.”
-
7
Select “File” from the top menu and click “Open.” Select the global.css file and click “Open.”
-
8
Locate the section of the CSS code labeled “column.”
-
9
Find the “padding-right” code under “column.”
-
10
Decrease the number to the right of “padding-right.” Decreasing the number to zero will cause the entire column to shift to the right with no gap along the right side of the browser.
-
11
Click “File” and select “Save.”
-
12
Upload the saved global.css file to your Web server.
-
1
