Jump to content
Sign in to follow this  

Inserting a border around a widget

Recommended Posts


Hi, I need help creating a border around the Universal Sidebar to match the border around my Quick Slider.




Any help would be appreciated.





Share this post

Link to post
Share on other sites



In order to add a border around your widget you will need to use custom CSS. We recommend you inspect your site using either Firebug or the wed dev tools that come built-in with most modern browsers.


If you need assistance with CSS, we recommend you visit http://www.w3schools.com/css/

Please search our forums, before posting!

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

Sign in to follow this  

  • Similar Content

    • Jared Smith
      By Jared Smith+
      I'm trying to make a visible border around the entirety of a client's site.  Example on some other site here:

      So it is around the Title, Menu, and Content Area.  I'm having a bit of difficulty with this on pagelines, using the Framework theme. It's slightly more complex because the site has a "landing page" that doesn't need the border. Much like this homepage
      Right now I'm using a content width of 80%, and fullscreen.  But maybe thats not the best way to do it.  
      So, with the #site id, I can hit the whole area on most of the site, but I'm not sure how I can remove it for just one page.
      #site { border:1px solid #ccc; margin: 100px 5% 5% 50px; } anyone have any suggestions?  Maybe I need to go make a child template, not sure?  Thanks!
    • thesongchanneler
      By thesongchanneler
      For some reason, when I widgetize an image by, uploading the media, linking it to a page, and dropping the html into a widget area in the "widget" tab, the thing works, but the image shows up SMALLER on the screen than when I just upload it as a pic in a "media box" component via pagelibnes. I can make the widget image bigger in the media file, but then it is blurry, whereas, automatically it is bigger and crystal clear when uploaded as just a media. My screenshot file was too big too attach, but please see webpage: devorakalma.com. The top pic (of the girls with the pink text) is just a media file; below it is the file in a widgetized area...   it is at 12/12 capacity and cannot be made bigger in editor. And as said, it just becomes blurry when made bigger in media. IS THERE A WAY TO DIRECTLY MAKE THE MEDIA BOX IMAGE CLICKABLE? Instead of going through dropping it in a widgetized area? I just want it to be large and clear, the way the top image looks. And to be able to click on it. Thank You!
      website: devorakalma.com
    • lazlo
      By lazlo
      ..client has requested a border around each Ibox - have added one okay, but it pushes the last ibox in a row of 6 to a new line - please can someone advise how i can add a border and keep all six iboxes in one row?
      many thanks
    • kellid
      By kellid
      On the homepage of my site, I've linked an anchor point to each of my homepage navigation menu options (different menu on other pages).  So that when you click a link on the fixed nav, it takes you to a specific point on the homepage.  To achieve this, I've added a blank canvas section with a text box and my anchor point.  The problem is, I would like to put a 1px border below a few of the canvas sections but not all.  
      I've found the selector pl-area-wrap but adding the css border will add it to all canvas sections and I'd only like it added to 3 sections. Is there a way to specify particular sections and not add it as a whole?  
      Here is a link to a screenshot
    • xcel7
      By xcel7
      My site on framework is broken (we don't have acces on menus and widgets anaymore), but it took long hours to build this site with our client, over one year, that's why we still are using framework.
      I'm not sure the client would be ok to pay for a new site as this one is online for a few months only… So I would love to be able to work on this one built in Framework. Any idea?