Kadence Header Column Editing

Hello everyone,

I am building a website using the Kadence theme.

in the header, I am wanting to color one column dark brown, like in the following website:https://gracethemesdemo.com/psyclone/ So the text box has a background color.

I am using the following code:

.site-header-top-section-right.site-header-section.site-header-section-right {
    background-color: green;
}

Unfortunately this code colors the column, but there is padding to the right of it?

If I changes the top row width to full width, Is there a way of controlling the width of each of the 2 columns so that it matches the website in the link?

Would be most greatful for some help with this tricky header!

Many thanks

• This topic was modified 16 hours, 43 minutes ago by flamey23.
• This topic was modified 16 hours, 42 minutes ago by flamey23.

The page I need help with: [log in to see the link]