.logo img {
display: inline-block; vertical-align: middle;
}

seems to centre the logo vertically without breaking anything on both android and desktop…i can’t check on iPhone because I don’t have one…nor would a I want one…but there appears to be a bug with the logo on iPhone X…

Hi Victoria

You can see the boxes at http://www.coastalav.com.au and http://www.coastalav.com.au/services

At the moment the image has the black text box embedded into it, so when the mousover is activated, the whole image including the text box and text changes to yellow (sepia) as well. I would like to remove the text box from the image and replace it with text generated from the title of each portfolio item in a black bounding box so the text and black box remain over the top of the image when the mouseover is activated.

http://www.coastalav.com.au/example.jpg

Thanks Rikard, I’ll give it a try :)

A

HI Victoria

Client is using the AVIA editor to embed video.
Page is http://www.coastalaudio.com.au/glsolar/residential-solar-packages-3kw-10kw/
Login in private Content

A :)

Hey Nikko

It works beautifully, but it is the wrong border – I want to change the top border of the glassy header, not the bottom border. I tried substituting “border-top” for “border-bottom”, but it didn’t work.

Andy

Sorry Nikko – http://www.silhouettesystems.com.au

Hi

I have succeeded by using

#header_meta {
    background: #000000!important;
}

I just need to get the white border showing below the top header (the same as when you scroll) – it would appear that the brightness of the border is also controlled by the glassy header class.

A

Hi

Don’t worry, I sorted out the problem by creating a custom class for box height and using:

.CustomHeight{
height: 200px !important;
}

A

Hey Folks!

I have sorted the issue for the moment. It was caused by using a Custom Class called “PageGrid” for the width of a Grid Row. I have changed it to a Section ID and the issue appears to be resolved.

The class that I wrote is:

.PageGrid {
max-width: 1310px !important;
margin: 0 auto !important;
border: none !important;
}

Change top header to BLACK (#000000) and change column height that the four buttons under “what we do” are aligned, they are currently staggered, with the 1st and 4th buttons being higher than the 2nd and 3rd…

Any progress with this one…?

A

apart from the last cell :)

Try this – http://www.silhouettesystems.com.au/wp-content/uploads/2017/03/button.jpg