Title: Adding a border
Last modified: August 20, 2016

---

# Adding a border

 *  Resolved [SupernaturalBrews](https://wordpress.org/support/users/supernaturalbrews/)
 * (@supernaturalbrews)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/)
 * I want to add a thin black border to the rotator.
 * What is the best way to do that?
 * [http://wordpress.org/extend/plugins/easyrotator-for-wordpress/](http://wordpress.org/extend/plugins/easyrotator-for-wordpress/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [DWUser](https://wordpress.org/support/users/dwusercom/)
 * (@dwusercom)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/#post-3539310)
 * Hi [@supernaturalbrews](https://wordpress.org/support/users/supernaturalbrews/),
 * To add a border around an entire rotator, the easiest solution is to edit the
   rotator’s layout code ([instructions here](http://www.dwuser.com/support/easyrotator/kb/customize-layout/)).
   In the Layout Source Code, insert the following new line at the very start:
 * `<div style="position: absolute; left:0; right:0; top:0; bottom:0; border: 1px
   solid #000;"></div>`
 * Please let me know if you have any other questions.
 * Sincerely,
    Drew O’Neill
 *  Thread Starter [SupernaturalBrews](https://wordpress.org/support/users/supernaturalbrews/)
 * (@supernaturalbrews)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/#post-3539468)
 * Drew,
 * I put the code in but it is not keeping the border. The border flashes really
   quick when it first loads but then disappears.
 * You can see it here:
    [http://www.kcnanobrews.com/](http://www.kcnanobrews.com/)
 * Thanks for you help. Awesome plugin btw.
 *  Thread Starter [SupernaturalBrews](https://wordpress.org/support/users/supernaturalbrews/)
 * (@supernaturalbrews)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/#post-3539484)
 * also [@dwuser](https://wordpress.org/support/users/dwuser/).com ,
 * I figured out how to change the type and font but how do I change the size of
   the circles in the right bottom corner.
 * Thanks
 *  Plugin Author [DWUser](https://wordpress.org/support/users/dwusercom/)
 * (@dwusercom)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/#post-3539496)
 * Hi,
 * To change the navigation dots, you’ll need to update each of the background-image
   declarations in these lines of code:
 * `
    <div class="erdots_wrap" style="wasbackground-color: #CFC; float: right;" 
   align="left"> <!-- modify the float on this element to make left/right/none=center
   aligned. --> <span class="erdots_btn_selected" style="padding-left: 0; width:
   21px; height: 20px; display: inline-block; text-align: center; vertical-align:
   middle; line-height: 20px; margin: 0 2px 0 0; cursor: default; background: url(
   http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_65.png)
   top left no-repeat;"> </span> <span class="erdots_btn_normal" style="padding-
   left: 0; width: 21px; height: 20px; display: inline-block; text-align: center;
   vertical-align: middle; line-height: 20px; margin: 0 2px 0 0; cursor: pointer;
   background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_35.
   png) top left no-repeat;"> </span> <span class="erdots_btn_hover" style="padding-
   left: 0; width: 21px; height: 20px; display: inline-block; text-align: center;
   vertical-align: middle; line-height: 20px; margin: 0 2px 0 0; cursor: pointer;
   background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_65.
   png) top left no-repeat;"> </span> </div>
 * Sorry for the confusion regarding the border; to ensure that it remains visible,
   you should actually add the line I mentioned before at the very _end_ of the 
   layout code.
 * Sincerely,
    Drew O’Neill
 *  Plugin Author [DWUser](https://wordpress.org/support/users/dwusercom/)
 * (@dwusercom)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/#post-3539498)
 * (The formatter wrapped the text, which makes it hard to read. Here’s the unwrapped
   version: [https://gist.github.com/anonymous/e2a25d02b10c1d831c00](https://gist.github.com/anonymous/e2a25d02b10c1d831c00))
 *  Thread Starter [SupernaturalBrews](https://wordpress.org/support/users/supernaturalbrews/)
 * (@supernaturalbrews)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/#post-3539544)
 * Drew,
 * Thanks, but I put the border code at the bottom of the layout code and now I’ve
   lost my hyperlinks?
 *  Plugin Author [DWUser](https://wordpress.org/support/users/dwusercom/)
 * (@dwusercom)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/#post-3539548)
 * Hi,
 * Sorry for the confusion; you shouldn’t use the `<div>` at the end approach if
   you have links, as it will block them. I see that you updated the rotator to 
   include the border directly on the EasyRotator `<div>` which is another option.
   Or, you can wrap the entire rotator in code like this:
 *     ```
       <div style="width: 600px; height: 400px; border: 1px solid #000;">
       [easyrotator]erc_xx_xxxxx[/easyrotator]
       </div>
       ```
   
 * The width/height values must match the rotator size.
 * Sincerely,
    Drew O’Neill

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Adding a border’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/easyrotator-for-wordpress_72a6c3.
   svg)
 * [EasyRotator for WordPress - Slider Plugin](https://wordpress.org/plugins/easyrotator-for-wordpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/easyrotator-for-wordpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/easyrotator-for-wordpress/)
 * [Active Topics](https://wordpress.org/support/plugin/easyrotator-for-wordpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easyrotator-for-wordpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easyrotator-for-wordpress/reviews/)

## Tags

 * [border](https://wordpress.org/support/topic-tag/border/)

 * 7 replies
 * 2 participants
 * Last reply from: [DWUser](https://wordpress.org/support/users/dwusercom/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/adding-a-border-3/#post-3539548)
 * Status: resolved