Jump to content


This topic is now archived and is closed to further replies.


iboxes - customize, color, size and text

Recommended Posts


Currently the iboxes default to the base text color (icon), and the global base color then invert on hover and have the animation.  


I would like to know how to change all the formatting for the iboxes and have looked at the Pagelines site but I'm not a coder and couldn't follow (not yet at least).  I would like to know how to make the icons more like the ones on the PL homepage.




change size and color of icon (but not text) - normal, hover and link color

change size, radius, and color(opacity) of background - normal, hover and link

change color of text or leave it system

change the animation style (what animations are available in pagelines?)


Icing on the cake would be how to make the icon background transparent except for a border (open circle)


Is there documentation on this somewhere and I can't find it?  Also in the documents it talks about ... "the PageLines Customize Plugin, you'll need to navigate to PageLines DMS Toolbar → Store → Plugins → Free. Click on the PageLines CustomIze icon. You will now be presented with the product's overview; from here click the Install button. "  Is that for DMS or an older version of PL?



Share this post

Link to post
Share on other sites

Hi,  the modifications to iBoxes you're seeking are all CSS based and can be achieved by custom code.  An inspection tool such as Firebug for Firefox or Chrome's Inspection Tool would help you identify the elements, test them and then copy/paste the proper code to Custom Code.


You don't need the Customize plugin for this purpose.  It's strictly all CSS and best entered into the database via the Custom Code section.  This reduces the amount of time your load will take, too. The Animation is tough to change.  However, you may want to take a look at this:  http://www.pagelines.com/shop/sections/better-iboxes/


Our docs, by the way, are located at http://docs.pagelines.com

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

  • Similar Content

    • Steve Kayser
      By Steve Kayser+
      having trouble with iBoxes changing size and not saving entered content. Originally when I drag them in and enable them they look perfect. the moment I update the content or image - they then downsize and center left. I have disabled almost every plugin -- Suggestions? Screenshot attached.

      The first row of boxes is what it looks like when first dragged into the section. And what I want it tolook like.

      The second row is that happens as soon as anything is edited or changed. See the difference. Can't figure it out for some reason.

      Thanks folks!
    • BentleyD
      By BentleyD+
      http://forum.pagelines.com/topic/32275-iboxes-5-on-a-single-row/ I am having an issue that came from a previous solution on this post. I am working on http://freshjuiceglobal.com . @JamesB helped me figure out how to get them all on one row, which worked out perfectly. The only issue is the iboxes are no longer responsive. How can I fix this?
      I apologize If i shouldn't have started a new thread. I just didn't know if you'd see it if the question had already been answered.
    • BentleyD
      By BentleyD+
      Hey guys,
      I'm working on http://freshjuiceglobal.com . I am trying to figure out how i can format 5 icons on one row. When I switch from 3 to 2 columns it leaves awkward spacing. If I leave it on 3 it puts the 5th box on the row below. How can I format all 5 boxes on one row?
      I don't have the 5th box live on the site until i figure this out. It's on my test site http://bumarketing.com though. Thank you!
    • sethoof
      By sethoof
      While trying o redo my iboxes after the update, I am finding that they will not accept images from the media library.  If they do save them, it will not show up on the refresh.  In the few examples where they have shown up on the refresh, if I put any more iboxes into the same set, the other iboxes lose their images.  Am I doing something wrong here or is the system still buggy?
    • flourishdesignstudio
      By flourishdesignstudio+
      I am having a problem with a site that we are developing using DMS. Part of the design features iBoxes which seem to work really well with what we are trying to achieve. The only hangup is that it is not easy to reorder the boxes in a custom order to to remove specific boxes. We are using them for a list of teachers and since they often rotate throughout the seasons it is imperative that we be able to easily add, move, or delete a teacher.
      In the previous versions of Pagelines iBoxes were created in sets and individual boxes could easily be added or removed from a specific set. If anyone knows of a way to make this process easier in DMS please let me know. In case you would like to see an example of the page with iBoxes it is located here: http://flourishdesignstudio.biz/wordpress3/hanover/whoweare/
      Thanks in advance for all your input!