• I have a small issue as a result of changing the .content-area from white to black with custom css, in IOS on an iPhone only there is a white line under the main image. it doesn’t appear on desktop or an iPad, just the phone.

    Does anyone know what part of the content this line relates to and can I change it with a little bit of CSS?

    you can see what I mean here:

    https://www.responsimulator.com/?url=guitarswindon.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there,

    Add this to your Customize > Additional CSS area, and it should take care of the white line on small screens:

    @media screen and (max-width: 680px) {
        .site {
            background-color: #000;
        }
        .site-banner {
            border-bottom: 1px solid #000;
        }
    }
    Thread Starter adamsurridge

    (@adamsurridge)

    Amazing! that sorted out the issue!

    I also have another issue with the hover colour on the images/buttons at the bottoms of the homepage. They are white, like the original content colour and I want to change the colour to black.

    I thought the ::selection selector would work but it doesn’t seem to have any effect. Do you know where i’m going wrong?

    ::selection {
    color: #000;
    background: #000;
    }

    Hi again,

    This should work for that hover color:

    /* Set Background Color for Table Rows on Hover */
    
    tr:hover {
        background-color: #000;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘line /area under header image’ is closed to new replies.