Title: Remove rounded borders on specific theme
Last modified: August 30, 2016

---

# Remove rounded borders on specific theme

 *  Resolved [mdomfu](https://wordpress.org/support/users/mdomfu/)
 * (@mdomfu)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/)
 * Im using WPTouch-Bauhaus theme custom. Im using this CSS
    #cff .cff-item.cff-
   box, #cff .cff-item.cff-box:first-child { border: 1px solid #959595; }
 * and I want that NOT to show on the WPTouch theme. How to proceed?
 * Thanks
 * [https://wordpress.org/plugins/custom-facebook-feed/](https://wordpress.org/plugins/custom-facebook-feed/)

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

 *  Plugin Author [smashballoon](https://wordpress.org/support/users/smashballoon/)
 * (@smashballoon)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456648)
 * Hey mdomfu,
 * Does your theme add a theme-specific class to your page which you can use to 
   remove the border in your CSS? If not, you may be able to only show the border
   on desktop and not on mobile by just wrapping it in a CSS media query, like so:
 *     ```
       @media (min-width: 500px){
         #cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {
           border: 1px solid #959595;
         }
       }
       ```
   
 * Let me know whether that answers your question, and I hope you’re having a good
   day.
 * John
 *  Thread Starter [mdomfu](https://wordpress.org/support/users/mdomfu/)
 * (@mdomfu)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456681)
 * Yes. it have a box to custom CSS. Is that what you mean?
 *  Thread Starter [mdomfu](https://wordpress.org/support/users/mdomfu/)
 * (@mdomfu)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456682)
 * Sorry, don’t have it
 *  Thread Starter [mdomfu](https://wordpress.org/support/users/mdomfu/)
 * (@mdomfu)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456684)
 * I used this
 *     ```
       @media (max-width: 997px){
         #cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {
           border-top: 1px solid #959595;
           border-bottom: 1px solid #959595;
           border-radius: none;
         }
       }
       ```
   
 * but not working. What code to show only in specific resolution (under 997px)and
   above this show the “normal” code?
 *  Plugin Author [smashballoon](https://wordpress.org/support/users/smashballoon/)
 * (@smashballoon)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456744)
 * Hey mdomfu,
 * The code you included will add a border when the page width is under 997px wide.
   I’m not sure how you currently have the customization options of the plugin configured
   but you may need to add the !important declaration in order to override any inline
   styles. For example:
 *     ```
       @media (max-width: 997px){
         #cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {
           border-top: 1px solid #959595 !important;
           border-bottom: 1px solid #959595 !important;
           border-radius: none !important;
         }
       }
       ```
   
 * Let me know whether that works for you.
 * John
 *  Thread Starter [mdomfu](https://wordpress.org/support/users/mdomfu/)
 * (@mdomfu)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456779)
 * Not working…
    I want this on desktop mode `#cff .cff-item.cff-box, #cff .cff-
   item.cff-box:first-child { border: 1px solid #959595 !important; }`
 * and when mobile mode no radius and only border at top and bottom.
    I try a lot
   of code but not working at all Thanks
 *  Plugin Author [smashballoon](https://wordpress.org/support/users/smashballoon/)
 * (@smashballoon)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456819)
 * To have a border on all 4 sides on desktop, and only on the top and bottom on
   mobile, you could simply use this:
 *     ```
       #cff .cff-item{
         border: 1px solid #959595 !important;
       }
       @media (max-width: 600px){
         #cff .cff-item{
           border-left: none !important;
           border-right: none !important;
           border-radius: none !important;
         }
       }
       ```
   
 * If that doesn’t work then please send me a link so that I can take a look.
 * John
 *  Thread Starter [mdomfu](https://wordpress.org/support/users/mdomfu/)
 * (@mdomfu)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456841)
 * Works perfectly!! Thanks!!
 *  Plugin Author [smashballoon](https://wordpress.org/support/users/smashballoon/)
 * (@smashballoon)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456853)
 * Awesome! You’re very welcome 🙂
 * No obligation, but if you like the plugin would you consider leaving a really
   quick [review](https://wordpress.org/support/view/plugin-reviews/custom-facebook-feed)?
   It really helps to support the ongoing development of the plugin.
 * If you have any other questions in future then just let me know, and I hope you
   have a good rest of your week!
 * John

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

The topic ‘Remove rounded borders on specific theme’ is closed to new replies.

 * ![](https://ps.w.org/custom-facebook-feed/assets/icon-256x256.png?rev=2700775)
 * [Smash Balloon Social Post Feed - Simple Social Feeds for WordPress](https://wordpress.org/plugins/custom-facebook-feed/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/custom-facebook-feed/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/custom-facebook-feed/)
 * [Active Topics](https://wordpress.org/support/plugin/custom-facebook-feed/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/custom-facebook-feed/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/custom-facebook-feed/reviews/)

 * 9 replies
 * 2 participants
 * Last reply from: [smashballoon](https://wordpress.org/support/users/smashballoon/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/remove-rounded-borders-on-specific-theme/#post-6456853)
 * Status: resolved