Docs

[alucas1911]

Hi,

I’m currently working on a site: holbrookholdings.com and i’ve placed an image in the footer through Revolution Slider. To eliminate the padding around this image, I inserted the following code:

footer.x-colophon.top {
background-color: grey;
padding-top: 0;
padding-bottom: 0;
}

…it hasn’t worked. Please help.

[Jade]

Hi there,

You can set the height of the Revolution Slider you have set on the footer to less than 200px in the slider settings since there is no padding in the footer area.

Hope this helps.

[alucas1911]

No,

Making the Revolution Slider 100px didn’t change the padding around the widget area.

[Nico]

Hi There,

Add this in your customizer > custom > CSS:

footer.x-colophon.top {
padding:0;
}

Please check this code also because you are lacking of a closing brace.

@media only screen and (max-width: 480px) {
.x-feature-box-graphic.square {
  display: block !important;
}

Let us know how it goes.

Thanks.

[alucas1911]

No luck on adding the new code, it’s still the same.

And I’m confused, where is the bracket missing in the code you pointed out?

[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

[alucas1911]

This reply has been marked as private.

[Joao]

Hi There,

I have closed your media query CSS code.

Please let us know if you need help with anything else.

Thanks.

Joao

[alucas1911]

thank you for the help! can you explain what you guys did?

[Joao]

Hi There,

This is a media query it makes the code that is inside it just affect screens below max-width 480px it has a opening {
there fore it needs a closing }

Inside there is a CSS rule, it also has an opening { there fore it needs a closing }

Your code was missing the closing tag. Check your Appereance Customizer Custom CSS

The place where you see

}
}

Is where I added a closing tag.

@media only screen and (max-width: 480px) {
.x-feature-box-graphic.square {
  display: block !important;
}

Now your code works.

Joao

[alucas1911]

ahhh, thank you!

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts