Is Custom CSS for purchased themes only?

Can you post a link to your site? Can you post the exact CSS you’ve been trying to use?

Sure thing, the site is here: https://www.shoottheplanet.net

One example is CSS for removing the padding around the icon menu

.home-padding {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

I took this CSS straight from the inspector and when I test it in the Inspector’s “Styles” area, It makes the change in real time for me to see. I take the edit and paste it into the Custom CSS portion of the Pinnacle Theme and nothing happens.

I tried to move the Primary Menu down by 21px to match the logo alignment with this,

.kad-primary-nav {
position: relative;
z-index: 699;
top: 21px;
}

and still nothing happens, however, the code works great in the Inspector. I am using chrome. To test wether any CSS modifications were working at all, I inserted a simple CSS bit,

body {
background-color: lightblue;
}

Nothing happened, so I’m wondering if CSS editing capabilities are restricted solely for purchased versions of the theme.

What do you think?

Is that all of the CSS in the box? You’ve forgotten the closing bracket after “.homeitemcount5”, which is causing parsing errors down the rest of the custom CSS area:

.homeitemcount5 {
    clear: both;

.home-padding {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

Okay, I added it, but still not seeing any changes.

Here is everything that’s in the Custom CSS Box:

.homeitemcount5 {
float: none;
display: block;
margin: 0 auto;
padding: 0px;
}

.homeitemcount5 {
clear: both;
}

.home-padding {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.kad-primary-nav {
position: relative;
z-index: 699;
top: 21px;
}

.home-iconmenu .home-icon-item p {
font-size: 80px;
}

Test

I am having trouble replying to you on this thread.
Every time I post, it just pops back up to the top of this thread and then nothing is posted. I try again and I get am error that I am moving too fast.
Not sure what is going on here.

Damn, everytime I post the CSS for you, it pops back to the top of this thread and nothing is posted.

Here is everything thats in the CSS box:

.homeitemcount5 {
float: none;
display: block;
margin: 0 auto;
padding: 0px;
}

.homeitemcount5 {
clear: both;
}
.home-padding {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.kad-primary-nav {
position: relative;
z-index: 699;
top: 21px;
}

.home-iconmenu .home-icon-item p {
font-size: 80px;
}

I have tried to post it for you about 7 times and its just refusing to add to this thread.

Ok, so I have learned that there are actually 2 CSS fields. When I add the code to the WordPress CSS editor and not the Kadence CSS editor, I get the changes I’m looking for, with a couple of glitches.

Okay, glitches are fixed.
So the CSS edits go into the WordPress editor and not the Kadence theme Custom CSS editor. Thank you for the help.

Hey,
Just a note I still see the missing bracket in the css output for the theme options > custom css box.

.homeitemcount5 {
    clear: both;

You are using WP-Super-Cache and that means that each and every time you cahnge something in the custom css box you have to clear your cache. Settings > WP-Super-Cache > delete cache.

Kadence Themes