footer bar margins/padding

Hi Harpreet,

Try this CSS:

@media (max-width: 768px) {
    .site-info {
      	padding: 10px 10px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

thanks for the quick reply. DO i just ad this as it is in the additional css section in customize?

Thanks

ignore that, i just seen instructions underneath

Both methods should work but I prefer to use Simple CSS as it's easier to look at :)

ok sorry for the basic questions i am useless at coding hence why i use page builders. the paragraph html is like this

<p style="text-align: justify; margin: 0px 140px 0px 140px;"><span style="color: #0a0a0a;">

</span></p>

i added the css but the mobile still displays incorrectly, desktop is perfect

any ideas?

Can you try the following method to build the copyright section? Should be simple enough without the page builder.
- Add your content in Customizer > Copyright
- Add padding in Customizer > Layout > Footer Padding
- Style it using Customizer > Colors > Footer and Customizer > Typography > Footer
- Add the CSS I provided above in Simple CSS.

Let me know if this works.

thanks for this i will try it now. i am only using the page builder for the content only, the header and footer is standard and i am using the theme settings anyway.

I will try this now and get back to you.

Thank you

Hello. This has worked, but now it is not allowing me to add padding to the top of the footer section (on mobile). It moves in the mobile preview but when on a device it is staying still (on mobile). on desktop it is perfect again

I modified the code above.

The first px represent the top and bottom padding, the second px represent the left and right.
You can adjust them as you see fit.

Let me know.

Works like a charm. Thanks for that Leo

Thank you

You're very welcome :)

'Customizer > Layout > Footer Padding' is no longer available in the latest GP Premium. What's the best way to edit the site-info padding now? I want the top and bottom to be thinner. Thanks!

The option is still there under Layout > Footer:
https://www.screencast.com/t/BqIauPbclpc

Hi Leo, please see this screenshot:
https://imgur.com/a/AtQLhvR

I actually paid for GP Premium today, so I should have the latest version.