• Hey guys please help a newbie:

    Page: http://nikolai-lu.com/home/
    There is a line that cuts accross the page in that container where the buttons are (the line as a few lines below the buttons)

    On my screen its where the woman’s leg is, but its accross entire screen

    How do I remove this line out using custom css?

Viewing 4 replies - 1 through 4 (of 4 total)
  • This will get rid of that specifically.

    .page-template-page_front-page .entry-content #pg-3306-0 { border: 0; }
    Thread Starter nikolai.lou

    (@nikolailou)

    Thank you @paulwpxp

    It works, but could you please help me understand how u figured it out, so I can learn for the future?

    I used Chrome>Inspect Element but that part wasn’t showing up and I couldn’t figure out where to find it. How did you find it?

    I would recommend to use FireFox.

    @nikolai.lou , actually there’s nothing special here, I think the reason you couldn’t find it is just that you are too tired or too hurry so you just missed it — and this happens to everybody at some point.

    When looking for box model related properties, sometimes it helps to look at the box model feature by clicking on the “Computed” or “Metrics” tab, so we could see the box along with width/height border/margin/padding in pixel number.

    The #pg-3306-0 is what has the border, but it’s part of theme or plugin framework (panel grid) to build block of code so just to make sure that our code won’t effect this block if it’s used somewhere else, we limit our code to that part on that page only by using body class and entry content class.

    body class
    https://codex.wordpress.org/Function_Reference/body_class

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

The topic ‘How to edit out a line using custom css’ is closed to new replies.