Docs

[Sara H.]

Hi!

I need to know if there is a better way to this, cleaner way…

So I add an image on my footer (x-colophon.top) with this code:

footer.x-colophon.top {
    background: transparent url(http://img.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

But I dont want this image on some pages, it works with this code:

.page-id-926 .x-colophon.top {
  display: none;
}

But is there a way to add multiple page-id? I mean, i need to hide that image in 6 pages whats the best way to do it?

thanks

[Joao]

Hi There,

Best would be to add like this for example :

.page-id-926 .x-colophon.top, 
.page-id-922 .x-colophon.top, 
.page-id-225 .x-colophon.top,  {
  background-image: none;
}

**I made up the last two page id´s

Hope that helps

Joao

[Sara H.]

This code change the background of .x-logobar .x-logobar-inner:

.page-id-728 .x-logobar .x-logobar-inner {
    background-image: url("http://imgsource.jpg");
  	background-position: center top;
		background-size: cover;
    background-repeat: no-repeat;
}

Need to to this in many pages, I am copy paste the code above and change the page-id… I just feel there is a simpler way to short code lines no?

[Joao]

Hi There,

You need to separate the selectors with , as on the prior example.

.page-id-922 .x-colophon.top, 
.page-id-226 .x-colophon.top, 
.page-id-926 .x-colophon.top {

Your code goes here

}

Hope it helps

Joao

[Sara H.]

Hi João,

I used the prior example:

/* formatar footer top com imagem da agua */
footer.x-colophon.top {
    background: transparent url(http://myimagesource.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

/* formatar footer top retirar imagem da agua em algumas paginas */
.page-id-926 .x-colophon.top, 
.page-id-953 .x-colophon.top,
.page-id-481 .x-colophon.top,
.page-id-18 .x-colophon.top,  {
  background-image: none;
}

and is not working, the img still’s there

[Nabeel A]

Hi again,

In this case we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks!

[Sara H.]

This reply has been marked as private.

[Nabeel A]

Hi again,

Please replace your code with this:

.page-id-926 footer.x-colophon.top, 
.page-id-953 footer.x-colophon.top,
.page-id-481 footer.x-colophon.top,
.page-id-18 footer.x-colophon.top  {
  background: none !important;
}

Let us know how this goes!

[Sara H.]

This reply has been marked as private.

[Nabeel A]

Hi again,

I just edited my previous reply, you can replace your code with this:

.page-id-926 footer.x-colophon.top, 
.page-id-953 footer.x-colophon.top,
.page-id-481 footer.x-colophon.top,
.page-id-18 footer.x-colophon.top  {
  background: none !important;
}

Let us know how this goes!

[Sara H.]

No joy Nabeel :/

/* formatar footer top com imagem da agua */
footer.x-colophon.top {
    background: transparent url(http://myimg.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

/* retirar imagem footer top da agua em algumas paginas */
.page-id-926 footer.x-colophon.top, 
.page-id-953 footer.x-colophon.top,
.page-id-481 footer.x-colophon.top,
.page-id-18 footer.x-colophon.top,  {
  background: none !important;
}

[Sara H.]

I also tried to clean my browser cache

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Sara H.]

This reply has been marked as private.

[Thai]

Hi There,

Please find this CSS:

.page-id-926 footer.x-colophon.top, 
.page-id-953 footer.x-colophon.top,
.page-id-481 footer.x-colophon.top,
.page-id-18 footer.x-colophon.top,  {
  background: none !important;
}

And change to this:

.page-id-926 footer.x-colophon.top, 
.page-id-953 footer.x-colophon.top,
.page-id-481 footer.x-colophon.top,
.page-id-18 footer.x-colophon.top  {
  background: none !important;
}

Hope it helps 🙂

[Author]

Posts