• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Accessibility Statement
    • Terms of Service & Privacy
  • Services
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
Home » Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share

Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share

A recent conflict was found when Genesis Simple Share is activated and configured while using the Posts and Page Grid in Genesis Blocks. The error can be seen when viewing the content on the front end. The error does not display in edit mode.

Below is a temporary fix that will allow you to manually set the share buttons which removes the JQuery error message from the Posts and Page Grid.

If you are unfamiliar with working with your theme files, stop and ask for help. If you are familiar with modifying your theme files – you should back them up before proceeding.

This code will place the share buttons on the home, archive and single posts. Copy/paste the code into the functions.php file. Then Save.

The current code sets the share buttons at the bottom of the posts. If you would like them at the top of the posts, you can change the priority from 15 to 5 on Line 1.

https://gist.github.com/cre8tivediva/dc9e766fc5133e8aff85713f58158b98#file-functions-php

Remove the JQuery Error

Go to Genesis > Simple Share.  Make sure the “Icon Display Postion” is unset. Leave it “Select display position to enable icons.” Do not set a position. Then Save the settings.

Then re-visit the page where you have the Posts and Page Grid Block activated. The error should be gone.

To set the alignment of the share icons, add this CSS to the Additional CSS box under Appearance > Customize.

https://gist.github.com/cre8tivediva/dc9e766fc5133e8aff85713f58158b98#file-additional-css

 

  • Like my Signature? Get the Signature Widget for Genesis right here!

  • FacebookTweetPinPrintShares2

    Filed Under: Genesis Framework, Genesis Plugins, WordPress

    Primary Sidebar

    It's just me and my dog Bella. I am a freelance web developer at Cre8tiveDiva.com. I build websites using WordPress and the Genesis Framework, WooCommerce and provide troubleshooting and support. I also build with Shopify. I love chocolate, lots of coffee!

    Sign Me Up!

    Receive my blog posts, tips and updates delivered to your inbox!

    Yes, Sign Me Up

    *By signing up you will receive new blogs, updates on products, services and important alerts.

    Categories

    • Design
    • eCommerce
    • Five on Friday
    • Fonts
    • Free Themes
    • Freebie Friday
    • Genesis Framework
    • Genesis Plugins
    • Genesis Themes
    • Genesis Untapped
    • Instagram
    • MailChimp
    • News
    • Plugins
    • Press This News
    • Social Media
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Digital Nomad! I can be anywhere I wanna be now.

    Latest Blog Posts

    • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
    • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin
    • How to Add “Shop” to WooCommerce Breadcrumbs when Using Yoast

    Looking for Something?

    Copyright © 2012–2023 · Designed with by Me! · Hosted on SiteGround