Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Removing borders sitewide

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #282970
    gmriggio
    Participant

    Maybe what I’m asking doesn’t exist, but who knows.

    I am looking for a way to get rid of all the obnoxious white lines all over this site, or at least have some control over them. http://dev.saganet.org

    Is there a css attribute, or a small collection of attributes, that will control all borders on the site so I don’t have to hunt for each one?

    FYI: It’s a wordpress theme.

    I have tried going div by div, and that seems like it is going to take the rest of my life to do custom css for every location where a border is used. In some places it seems like there is a border, but any combination of margin, padding, background color, or border attributes seem to change nothing. Here are some things I’ve tried.

    .main_full {
    background: linear-gradient(#9e5a63, #644e5b);
    border: 0px !important;
    }

    main.discy-main-wrap discy-site-content float_l {
    background: linear-gradient(#9e5a63, #644e5b);
    border: 0px !important!
    }

    div.discy-inner-content {
    background: linear-gradient(#9e5a63, #644e5b);
    border: 0px !important;
    }

    div.hide-main-inner {
    background: linear-gradient(#9e5a63, #644e5b);
    box-shadow: none !important;
    border: 0px !important;
    }

    #282974
    Beverleyh
    Participant

    You could try searching your stylesheets for all instances of “#fff”, “white”, “255,255,255”, and other ways to write “white” (or whatever colour), to edit things directly from the backend. Look for box-shadow properties that can also masquerade as borders too.

    Otherwise, the way you’re doing it from the frontend, assuming you’re inspecting the offending elements inside the developer toolbar on each page in turn, would seem like the surest way to go.

    You could try a “kill all” in your stylesheet for every element in the page as well but it might have knock-on effects for those places where there are borders and box-shadows that you want to keep;

    * {
    border: none !important;
    box-shadow: none !important;
    }
    
    #282977
    Shikkediel
    Participant

    I think this should target most of them:

    .article-post {
     border: 0 !important;
    }
    

    Edit – posted simultaneously…

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.