• I’m sorry about my English
    I had a problem with i resolved at last. I will share it.
    It took me hours before I found the solution.

    I removed the header picture and placed a picture 1920 x 800 px in the background.
    I wanted the background picture to appear around my pages and posts

    I turned my pages to white (thanks to the help on this blog)

    /*Page Background Color*/

    #primary {
    background: none repeat scroll 0 0 #ffffff;

    }

    /*Sidebar Widget Background Color*/

    #secondary .widget, #footer-sidebar .widget {
    background: none repeat scroll 0 0 #ffffff;

    }

    .single #content, .page #content {
    background-color: #ffffff;
    }
    #content {
    background-color: #ffffff;
    }

    There is the possibility to use opacity
    just add: [opacity: .80;]

    Then there was a problem:
    A grey border in the bottom of the page accross the image.
    I searched for the code in the source code and finally i found it.
    When i adjusted the values the border bottom became invisible.

    /*Making Border-bottom transparent*/

    #parallax-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-bottom: solid 1px grey;
    opacity: .0;
    height: 600px;
    }

    Site: https://www.ibiza-appartementen-huren.nl (at work…)

Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I recommend you use a tool like Firebug to find this stuff out in future. It can literally take 3 clicks to find the CSS responsible.

Viewing 1 replies (of 1 total)
  • The topic ‘border-bottom’ is closed to new replies.