Hey Again,

You can choose the design that best works for you. If you wish to change the overall background color you can do it in here:

Best,

Hi Jawadel,

Thank you for getting back to us.

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

body.page-id-904 .container-wrap, body.page-id-904 .nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-card=yes] .nectar-post-grid-item {
    background-color: #000 !important;
} 

body.page-id-904, body.page-id-904 .full-width-section>.col.span_12.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *, 
body.page-id-904 .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *{
    color: #fff !important;
}

Try that and let us know how it goes.

Thanks,

Hi Jawadel,

Thanks for writing back.

To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials 

(dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us? 

If you prefer, you can safely share the access through an access plugin such as Controlled Admin Access.

Before you provide this information, we strongly recommend taking a backup of your site.

If you have any concerns or questions about this process, please don't hesitate to let me know.

Best regards,

Hey Again,

Thanks for reaching out! .

Try adding the desired values in the Heading fields in the Typography Section so Salient can generate /calculate the font sizes:

Best,

Also does changing the overall Background Color feature not work as intended ?.

See screenshot:

Best 

Hey Again,

Thanks for the details.

To change the color of the homepage container only use below CSS.

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

.home .container-wrap {
    background: #fff !important;
}

Thanks

Hey Again,

Thanks for confirming, I just purged the cache and its working now:

Best,

Hey Again,

Yes, its no longer working.

I am seeing these missing font sizes due to typography fields not set:

Please set all of them or keep all empty including line height . 

Best,

Hey Again,

The Line Height field only accepts values in pixels therefore adding 1.5 was breaking it . Have corrected all the Line Height fields:

Best,

Not dumb at all — we’ve all been there! 
You’re doing great, and I’m always happy to help. Let me know if you need anything else!

Sure, adjust the padding to reduce/increase the size:

.clients>div img {
    padding: 50px;
}

Thanks