Home>Support>How Do I Get Custom CSS to Work?

How Do I Get Custom CSS to Work?

Hi,
I Downloaded the plugin “SiteOrigin CSS”, And I noticed that the Visual and Expand Features are not working properly for me… I also noticed at the bottom right before the “Save” button, it says “Changes apply to OceanWP and its child themes”….
I don’t understand what that means?

I am trying to Customize my Signup form to this CSS Style:

.signupform {
margin: 0 auto !important;
max-width: 460px;
padding: 30px 0;
}

.signupform > p {
float: left;
margin-right: 10px;
max-width: 240px;
}

.pum-content.pop-content {
background: #fff none repeat scroll 0 0;
border: 3px dashed red;
padding: 30px;
}

.pum-content.pop-content > p {
font-size: 24px;
margin-bottom: 0;
}

.signupform .wpcf7-form-control.wpcf7-text.wpcf7-email {
background: #fff none repeat scroll 0 0 !important;
border: 1px solid !important;
}

.signupform .wpcf7-form-control.wpcf7-submit {
background: #77AA05 none repeat scroll 0 0 !important;
color: white;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
border: medium none;
color: green;
display: block !important;
}

But I am having no luck.. If you want to check out my page, it is: aposentoalto.us
I do have Elementor, Ocean Extra, Pop-up Maker, Contact Form 7, and All-in-one-video Gallery plugins… Not sure if these plugins are causing this error to happen? Please help?

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 2 months, 3 days ago Alex S Hi, I Work Here

    Hi Aposentoaltonet,

    And I noticed that the Visual and Expand Features are not working properly for me

    This is typically as a result of a plugin conflict. Can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.

    If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.

    Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.

    If you aren’t using a SiteOrigin theme, then you can also try temporarily switching to one of the default WordPress themes to see if the issue is theme related.

    I can’t seem to see your contact form or signup form. This might sound odd, but is your contact form on a different contact page? Also, what page is your contact form on?

    it says “Changes apply to OceanWP and its child themes”…. I don’t understand what that means?

    It means that if you’re using a child theme, the CSS will output for both the main theme and the child theme.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More