Jump to content

Gadget color preferences

Recommended Posts


HI there..

very happy so far with Pagelines and the ease with which I can use it. I do however have a query.

I quite like gadget and am currently using it. I would however like to change the colors to match the scheme of my site, perhaps make the color of the bar transparent and change icon and font colors. I simply can't find the css for this plug in anywhere.


Any hints guys?

Share this post

Link to post
Share on other sites
James B

Hi there, yes you'll be able to edit the colors and the backgrounds of the elements inside the gadget section.


In order to find the correct items to edit you'll need to use firebug or google chrome dev tools. If you've not looked for css before like this, check out http://support.pagelines.me/docs/customization/custom-css/. You're looking for the css around the class .pl-gadget a.gadget-item


Then when you find the item in the inspector, you'll see the code you can edit/copy/paste, like in this image - http://screencast.com/t/2LR4p8XJPd

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • dreamsight
      By dreamsight
      No icons showing in Gadget. Is compatible with DMS 2? Anyway to add our own icons to it?
    • studio37
      By studio37+
      I like the gadget, and I have it on my website http://www.studio37.de to provide a link to my facebook-page.
      I only have one problem with it:
      If the gadget icon is shown permanently, it disturbs the appearance of the page viewed on a mobile device. On the other hand, if the icon is only shown on hover, it is not "showy" enough on a normal monitor.
      Is there a way to let a mobile device show the icon only on hover, while it is displayed permanently on a normal monitor?
      I also use the Mobile Menu plugin. is it possible to add something to it's CSS to let the gadged change?
      Thanks for an answer,
    • aerta
      By aerta

      Apologies if this is covered elsewhere, but I couldn't find any reference to it anywhere, but...

      Is it possible to add more tabs to the gadget plugin? There are five available in Global Settings but I need more...


    • Veltig
      By Veltig
      Apologies in advance for an invalid Topic Prefix.  "Gadget" was no where to be found on that drop-down list.
      As for my issue with Gadget:
      All five (5) links have been configured, and icons selected, but only 1-3 appear.
      I've looked for a setting that might control the # of links/icons to display, but haven't found any.
      Any suggestions?

      Thank you.