Hi everyone!
I want to space optimize my product page. I’ve inspected my productpage and tried to find the corresponding code in Theme.css in the code editor without any luck. Its important to note that there is padding between more elements than the one attached that i want to change. In generel i would like to know how i do it everywhere on my website. I want to decrease the padding on my headerbar aswell
Is there anyone who can guide me how to edit the padding, margin etc. between elements?
@FrederikFlindt - using custom css , padding needs to be adjusted for each and every element
Yes but how?
@FrederikFlindt - using custom css, you need to find each element class used and set css for it, are you familiar with the css?
Hey @FrederikFlindt .If you want to reduce the distance of the element you are selecting as shown in the image. Let’s use the code.
.text-scheme-text.pb-8 {
padding-bottom: 0 !important;
}
You should try following the instructions below
Step 1: Go to Admin → Online store → Theme > Edit code
Step 2: Search for the file theme.min**.css** and add this code snippet to the end of the file
#MainContent .pb-8 {
padding-bottom: 0 !important;
}
If it’s helpful, please like and mark it as a solution, thank you