Hi Shopify experts. Can someone please help me. I have tried inspecting the element and selecting the relevant area. But I cant seem to get it right to be able to edit the margin/padding of this section. The specific page is https://reporting.io/pages/free-report . I only want to format this on this page, not all Image-With-Text sections.
Thank you!
Hi!
You will want to use the following code, you can change the values or change them to padding depending on your preference:
div#shopify-section-template--16189040394461__16570319759511418b {
margin-left: 100px;
margin-right: 100px;
}
Thanks @WoodyDev
However, this is affecting the margin of the outer container:
I want to just edit the margin of the Text section if possible 
Thanks
Ahh apologies, try this one instead:
div#ImageWithText--template--16189040394461__16570319759511418b {
margin-left: 100px;
margin-right: 100px;
}
No need to apolgise, the help is much appreciated.
That code is letting me add margin, but what I’m trying to do is reduce it… When inspecting there is clearly a margin?
I have tried as well as 0px
margin-right:none;
thanks again @WoodyDev
Try this one
div#ImageWithText--template--16189040394461__16570319759511418b {
padding: 0 !important;
margin-left: 0 !important;
}
Cheers @WoodyDev !
You’re very welcome!
Please take a moment to read through my signature below, helps me out a bunch 
I have one last question @WoodyDev
I want to add a Klaviyo button to replace the current button in this section. But Klaviyo forms/buttons are html embed code. How can I add this to the section?
Thanks
If you go to the page editor for that page and click the code button </> you can insert HTML directly into the page
Yes but then how do I move the HTML element (button in this case) to the desired location? when I drop the code the button appears above the image with text section. 
you would need to look through the pages code editor you’ve opened a replace the existing code with the new code.
I can always take a look for you if you provide your STORE.myshopify.com page and the code you are trying to implement via collaborator access if you’d like?
Just sent the request through, let me know when it’s accepted
Accepted 
Ahh okay I see what you’ve done, you’ve built the page via the ‘Customise’ editor on the theme.
You will either need to recreate the page via the ‘Pages’ tab and use the page editor, or you will need someone to create some liquid code to enable a block that will allow input of HTML.
You’re currently editing a template this way rather than a specific page itself.
This may be a stupid question, but where do i find the page editor?
I was under the impression i needed to create templates to create pages… you can tell I’m a novice!
No problem, we all have to start somewhere!
In your admin page, click ‘Online Store’, then under this, you will see ‘Pages’.
Create your pages here by clicking ‘Add Page’ in the top right, then using the page editor to create your page. This gives much more freedom on the content you can create compared to templates
I can see the pages section, but I cant see editor?
Where would I go from here to start adding Blocks and customizing?
Thanks for your patience @WoodyDev
Click Add Page in the top right, then open into your new page.
There will be an editor in there, but it doesn’t use blocks etc you will need to type things out etc add images, or do it via the code of the editor if you are familiar with coding.
