How to remove frame lines from Eclipse theme? (5 posts)

  1. annajosette
    Posted 3 years ago #

    Hi all, massive noob in need of your wisdom!!

    A client has asked me to remove the horizontal dividing lines from the Cyber Chimps theme Eclipse (view here http://www.pinneysplantation.com/)

    Anyone got any idea of how I can do this? This is all that comes up inside style.css, is there no way this theme will allow the changes I need?

    Theme Name: Eclipse
    Theme URI: http://cyberchimps.com/eclipse
    Description: Eclipse offers the same advanced functionality as CyberChimps' other WordPress Themes including a Responsive Design that responds automatically to mobile devices such as the iPhone, iPad, and Android. Eclipse also includes Drag and Drop Elements such as the Portfolio Element, Responsive Feature Slider, Post or Page Content, and Twitter bar. All of which can be used on a per-page basis using Drag and Drop Page Options that also include sidebar and layout options giving you the power to control the look and feel of every page of your website.
    Author: CyberChimps WordPress Themes
    Author URI: http://cyberchimps.com
    Version: 1.0.21
    Tags: white, light, dark, black, silver, two-columns, left-sidebar, right-sidebar, flexible-width, custom-header, custom-menu, custom-colors, featured-image-header, full-width-template, post-formats, threaded-comments, sticky-post, theme-options
    License: GNU General Public License v2.0
    License URI: http://www.gnu.org/licenses/gpl-2.0.html

  2. radhika
    Posted 3 years ago #

    You have used the jQuery orbit plugin for slideshow due to which this horizontal dividing line is displaying. you have to edit in foundation.css of your plugin stylesheet:
    Search .orbit-wrapper in foundation.css:

    border: none !important;

  3. annajosette
    Posted 3 years ago #

    Perfect, thank you very much!

  4. annajosette
    Posted 3 years ago #

    Can anyone please help me remove the thick grey border near the bottom, the white container line that spans the entire page and the white page container underneath content?

    I salute you in advance.

  5. radhika
    Posted 3 years ago #

    you have to edit/remove in style.css template. Search /* #afterfooter*/ in style.css:

    #afterfooter {
    width: 100%;
    background:url(../images/afterfooter.png); <-- remove it
    color: white;

Topic Closed

This topic has been closed to new replies.

About this Topic