mercredi 15 juin 2016

Specific logo on other page in Wordpress

I am looking for a css solution for my Wordpress website http://www.praktijkvanginkel.nl/new/. It is running the Avada theme.

On all pages except 1, the normal logo shows as usual. On the exception page ( http://praktijkvanginkel.nl/new/huid-vitaal/), I need a different logo.

What I tried: Using page-id in css to replace the original logo with the new one. The problem: the old logo still shows under the new one. I have applied the following css:

.page-id-90 #header .fusion-logo img a{
display: none !important
}

.page-id-90 .fusion-footer-copyright-area {
background-color: #ff008e!important;
border-color: #4b4c4d;
border-top-width: 1px;
padding-top: 18px;
padding-bottom: 16px;
}

body.page-id-90 .fusion-logo img {
background: url('http://praktijkvanginkel.nl/new/wp-content/uploads/2016/06/huidvitaal.png') top left no-repeat !important;
display: block !important;
height: 85px !important;
width: 212px !important;
}


body.page-id-90 .fusion-logo .fusion-logo-2x {
display: none!important;
}

.page-id-90 .fusion-is-sticky .fusion-logo img {
background: url('http://praktijkvanginkel.nl/new/wp-content/uploads/2016/06/huidvitaal.png') top left no-repeat !important;
display: block !important;
height: 52px !important;
width: 129px !important;
}

I just cannot figure out why the old logo is still there. Can anyone help me with this? I would also appreciate a solution for the sticky header logo, which has the same problem

Aucun commentaire:

Enregistrer un commentaire