- This topic has 32 replies, 3 voices, and was last updated 1 year, 5 months ago by David.
March 3, 2019 at 4:04 am #827171Santa
Hello! Could you please help and describe how to add social share icons (example: https://ruffledblog.com/bel-air-wedding-tropical-ombre/) that are showing only in posts and are fixed on left sidebar while scrolling? I assume it can be done with hooks, but as a total newbie, not exactly sure how to do it.GP Premium 1.7.8March 3, 2019 at 6:22 am #827252DavidStaffCustomer Support
can you provide us with a link to the page so we can see the current setup and advise on the best way to do this. You can edit your original topic and use the Site URL field for privacy.March 3, 2019 at 7:50 am #827436Santa
Hello! Added the site!
Wanted to ask few more things:
1. The title on mobile device is not fully responsive on small screens. How to change it? It is made with elements.
2. How to add left&right padding to the post text on tablet and mobile devices?
3. Is it possible to change the comments box size to smaller for mobile devices?
Thanks!March 3, 2019 at 6:14 pm #827875DavidStaffCustomer Support
to deal with the other issues first.
On the post editor – you have the Layout > Page Builder Container set to contained. Set it to default then the padding for the desktop and mobile will respect the settings in the Customizer > Layout > Container.
The font size in the header element is controlled again by the Customizer > Typography > Headings. The H1 has a mobile setting.
Once the padding is in place we can take a look at the comments box.
For the social icons, which plugin are you using? You will need to be able to place it using a shortcode. Let me know. Then we can look at how to position it and make it sticky.March 3, 2019 at 10:25 pm #827954Santa
Thank you for your solutions. Fixed everything!
I am using Lightweight Social Icons.March 4, 2019 at 6:11 am #828237DavidStaffCustomer Support
You will need to use a different plugin, Lightweight Social Icons only provides link icons not sharing. Choose one that allows you to add the icons using a shortcode. Then on your single post add the left hand sidebar and add the short code to the widget.
Once thats in place we can look at some CSS to arrange the layout and make the icons sticky.March 5, 2019 at 12:23 pm #829857Santa
Thank you for the answer!
Did install the Social share plugin with shortcode option. (social pug) However can’t manage to add shortcode in the sidebar. I want to all posts have this option of sharing them. Please could you describe the right way to add the shortcode to all posts?
Thanks!March 5, 2019 at 1:43 pm #829909DavidStaffCustomer SupportMarch 5, 2019 at 10:23 pm #830172Santa
Changed the plugin to GP Social, and added their shortcode to left side. How to make them in vertical line and adjust sidebar background color, icon color as well as make them float and both sidebars to appear before comments in mobile? Is it possible to make left sidebar even smaller?
Thank you!March 6, 2019 at 7:36 am #830655DavidStaffCustomer SupportMarch 6, 2019 at 8:51 am #830707Santa
Hi! The link is the same and is working. Just checkedMarch 6, 2019 at 10:11 am #830811DavidStaffCustomer Support
Right, so change of plan…. remove the shortcode from the sidebar and disable the left sidebar. ( i am assuming you are not going to need for anything else ). Then:
1. Appearance > GeneratePress — > make sure the Elements module is activated
2. Appearance > Elements –> New Hook
2.1 Add the shortcode to the hook.
2.3 Check execute Shortcodes checkbox
2.4 Set Display Rules Location -> Posts > All posts
Once thats done i can work on the CSSMarch 6, 2019 at 10:14 am #830817Santa
Hello! Thank you. Did it.March 6, 2019 at 10:22 am #830823DavidStaffCustomer SupportMarch 6, 2019 at 10:24 am #830825Santa
Yes, now everything should be okey.
- You must be logged in to reply to this topic.