Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 31, 2016 at 12:45 am #575120
    themeforesttony

    Hi,
    I am sure I am missing something really basic here. I am trying to remove the Horizontal bottom borders off of specific elements on a page. For example, I see a solid 1px border in the following container:
    #top.avia-blank #main .container_wrap:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    }
    When I put the following in Quick CSS it removes the border:
    #top.avia-blank #main .container_wrap:last-child {
    border-bottom-style: none;
    }
    The problem is I am trying to only target this on specific pages, so if I add something like the following:
    .page-id-XXXX #top.avia-blank #main .container_wrap:last-child {
    border-bottom-style: none;
    }

    It does not work.
    Can you tell me what I am missing?
    Thanks in advance.

    January 31, 2016 at 3:24 am #575132
    Elliott

    Hey themeforesttony!

    The “#top” part should go before the “.page-id-XXXX” part.

    You can also add the CSS inside a codeblock element if you only want it to be applied on a certain page.

    <style type = "text/css">
your css goes here
</style>

    Regards,
    Elliott

    January 31, 2016 at 7:23 am #575182
    themeforesttony

    Thanks Elliot.
    I had tried putting #top before but no go.
    The Code Block worked. Took me a couple of times to figure out you can’t preview the change but have to publish to see.
    Thanks.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Hide HR Borders on specific Pages’ is closed to new replies.