Changing font's type, size and setting gaps between blocks

  • In the home page of www.pixelbox.in a grey patch has come behind the Testimonial section below. It was working fine all these days but noticed all of a sudden today. Background color of the Widget and the Row is black but still they grey is not going. I want pure black. Can you please advise.

  • In any of sub page of “Services” menu for eg: http://www.pixelbox.in/videoproduction/
    there’s a hero image on top and followed by the text. How do I set gaps between the top image and the first para of the text below.

  • How can I change the font type and font size only in this page ( http://www.pixelbox.in/videoproduction ) without affecting in other pages ?

Hello @pixelboxstudio,

  1. Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard -> Appearance -> Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

blockquote.whisper {
    background-color: black !important;
}
  1. Looks like the problem left only on this page, here is the CSS code that can help you to fix it:
#pg-74-1 .panel-row-style {
    padding-top: 0 !important;
}
  1. Please try this:
.page-id-948 {
    font-family: Arial !important;
    font-size: 16px !important;
}

Kind Regards, Roman.

Thanks for the reply. I applied your code that was suggested for my query no.1.
The testimonial box is black now.
But the page around only testimonial part is still grey although the top port and other pages are completely black now. How to make that part black ?

Okay @pixelboxstudio,

Please try this:

#pg-27-3 div,
#pg-27-4 div,
#pg-27-5 div {
    background: black !important;
}

Kind Regards, Roman.