[Resolved] footer bar margins/padding

Home Forums Support [Resolved] footer bar margins/padding

Home Forums Support footer bar margins/padding

  • This topic has 17 replies, 4 voices, and was last updated 4 years ago by David.
Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #270932
    Harpreet

    Hello. I am new to all this so please bare with me, but i think its a basic question. I have added some html to the footer bar right at the bottom of the page with the copyright part and would like to set the margin or the padding for this text to display at 0px 140px 0px 140px. When i do this it displays fine in the desktop browser, but on mobile it turns into a thin vertical paragraph. I am using the elementor plugin for the pages.

    Can anyone help me with this please?

    Many thanks

    #270934
    Leo
    Staff
    Customer Support

    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.

    #270936
    Harpreet

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

    Thanks

    #270937
    Harpreet

    ignore that, i just seen instructions underneath

    #270938
    Leo
    Staff
    Customer Support

    Both methods should work but I prefer to use Simple CSS as it’s easier to look at ๐Ÿ™‚

    #270939
    Harpreet

    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?

    #270957
    Leo
    Staff
    Customer Support

    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.

    #270958
    Harpreet

    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

    #270965
    Harpreet

    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

    #270966
    Leo
    Staff
    Customer Support

    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.

    #270968
    Harpreet

    Works like a charm. Thanks for that Leo

    Thank you

    #270969
    Leo
    Staff
    Customer Support

    You’re very welcome ๐Ÿ™‚

    #1212452
    Jonathan Lau

    ‘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!

    #1212463
    Leo
    Staff
    Customer Support

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

    #1212562
    Jonathan Lau

    Hi Leo, please see this screenshot:

    View post on imgur.com

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

Viewing 15 posts - 1 through 15 (of 18 total)
  • You must be logged in to reply to this topic.