how do i edit spacing between text, buttons and pictures on my product page - Baseline Theme

[FrederikFlindt]

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

www.palaisprojects.com

Is there anyone who can guide me how to edit the padding, margin etc. between elements?

[suyash1]

@FrederikFlindt - using custom css , padding needs to be adjusted for each and every element

[FrederikFlindt]

Yes but how?

[suyash1]

@FrederikFlindt - using custom css, you need to find each element class used and set css for it, are you familiar with the css?

[BSS-TekLabs]

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;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSSCommerce-B2B]

Hi @FrederikFlindt 

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