- This topic has 17 replies, 4 voices, and was last updated 4 years ago by David.
-
AuthorPosts
-
January 28, 2017 at 6:34 pm #270932Harpreet
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
January 28, 2017 at 6:42 pm #270934LeoStaffCustomer SupportHi 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.
January 28, 2017 at 6:48 pm #270936Harpreetthanks for the quick reply. DO i just ad this as it is in the additional css section in customize?
Thanks
January 28, 2017 at 6:49 pm #270937Harpreetignore that, i just seen instructions underneath
January 28, 2017 at 6:52 pm #270938LeoStaffCustomer SupportBoth methods should work but I prefer to use Simple CSS as it’s easier to look at ๐
January 28, 2017 at 7:08 pm #270939Harpreetok 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?
January 28, 2017 at 8:38 pm #270957LeoStaffCustomer SupportCan 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.
January 28, 2017 at 9:00 pm #270958Harpreetthanks 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
January 28, 2017 at 9:42 pm #270965HarpreetHello. 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
January 28, 2017 at 9:46 pm #270966LeoStaffCustomer SupportI modified the code above.
The first
px
represent the top and bottom padding, the secondpx
represent the left and right.
You can adjust them as you see fit.Let me know.
January 28, 2017 at 10:06 pm #270968HarpreetWorks like a charm. Thanks for that Leo
Thank you
January 28, 2017 at 10:08 pm #270969LeoStaffCustomer SupportYou’re very welcome ๐
March 27, 2020 at 2:54 pm #1212452Jonathan 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!
March 27, 2020 at 3:44 pm #1212463LeoStaffCustomer SupportThe option is still there under Layout > Footer:
https://www.screencast.com/t/BqIauPbclpcMarch 27, 2020 at 7:14 pm #1212562Jonathan LauHi Leo, please see this screenshot:
I actually paid for GP Premium today, so I should have the latest version.
-
AuthorPosts
- You must be logged in to reply to this topic.