Microthemer misbehaving [cannot target social buttons]

Author Posts



Please look at the following site …

http://sugarland-weddings.com/photo-gallery/ (NextGen gallery)

Click an image and you will see an enlarged image + a plugin to post to social media. (Social Gallery plugin)

When using Microthemer for the above action – you will see that just the image displays without the plugin. Basically I wanted to use Microthemer to tailor the CSS to display that box more efficiently.

Can you figure out why this is not happening when using Microthemer.



Hi shamrockoz,

Are you saying that the NextGen gallery lightbox behaviour isn’t working correctly when you click an image thumbnail from within the Microthemer interface? And that the social media button are not present? If so, would you mind sending me login details for your WordPress site via this secure contact form so that I can troubleshoot this for you? https://themeover.com/support/contact/

When I view the gallery I can see the social buttons: https://docs.google.com/a/themeover.com/file/d/0B2vCpmXg7SjlbTJrbE85SVp4Uzg/edit?usp=drivesdk

They are a bit cut off though. Your header area is overlapping the plugin box because it has a high z-index value of 99999. You should be able to overcome this by targeting the plugin box wrapper element (which has an id of #sgPluginBox) with a selector and then setting the z-index property to something even higher like 999991. The z-index property can be found in the Position style group: https://docs.google.com/a/themeover.com/file/d/0B2vCpmXg7SjlR1ctOXExbDljdEE/edit?usp=drivesdk

You may want to create a selector for the plugins semi-transparent black overlay too. If you double-click it you may find that it just disappears on the first click. In which case you will need manually create a selector for it. You can manually create a selector by following these instructions:

  1. Expand the menu of folders and selectors from the folder icon in the top toolbar.
  2. Hover over a folder icon and click the (+) icon that will appear
  3. In the Descriptive Name field enter: Popup Plugin BG or whatever you like.
  4. In the CSS selector code textarea enter: #sgPluginBg
  5. Click the ADD SELECTOR button

Please let me know if you need further assistance with this.


You must login or register to reply to this topic.