Home>Support>CSS Editor

CSS Editor

I just upgraded to the premium. When I did I watched to video and was excited to get started but when I went to custom CSS the 2 options to let you make changes DO NOT show up for me to make those changes on my site. I am not sure what I need to do to make this happen but any help would be greatly appreciated.

Respectfully,

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 16 days ago Support Assistants Hi, I Work Here

    Hi Rutoutdoors

    Thanks for your question.

    Origami Premium comes with a basic Custom CSS interface. For the advanced features you’ll need to install:

    https://wordpress.org/plugins/so-css/

    Hope that helps.

  2. 7 years, 16 days ago rutoutdoors

    I have downloaded that and it still does not help! It will not allow me to click on anything to edit!

  3. 7 years, 16 days ago Support Assistants Hi, I Work Here

    Have you clicked the eye icon to switch over to the visual CSS editor? If you can help identify where the problem is occurring we can advise further.

  4. 7 years, 16 days ago Support Assistants Hi, I Work Here

    Page: Getting Started

  5. 7 years, 16 days ago rutoutdoors

    Yes when I click on the eye it switches over but doesn't allow me to do anything once it switches over! If I click on header it just reloads my page instead of selecting it to actually edit!

  6. 7 years, 16 days ago Support Assistants Hi, I Work Here

    This sounds like it could be a plugin conflict issue. 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.

  7. 7 years, 16 days ago rutoutdoors

    I am using the origami evergreen WordPress theme! I honestly have no clue how to do any of that stuff you just did! This is my first site and kind of flying by the seat of my pants!

  8. 7 years, 16 days ago Support Assistants Hi, I Work Here

    No problem, we’re here to help. We’ll resolve this challenge :)

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  9. 7 years, 16 days ago Private Message - Rut Outdoors

    This is a private message.

  10. 7 years, 16 days ago Private Message - Rut Outdoors

    This is a private message.

  11. 7 years, 16 days ago Private Message - Rut Outdoors

    This is a private message.

  12. 7 years, 16 days ago Private Message - Support Assistants Hi, I Work Here

    This is a private message.

  13. 7 years, 16 days ago Support Assistants Hi, I Work Here

    There is a conflict between Social Media and Share Icons (Ultimate Social Media) and SiteOrigin CSS. We’ve disabled Social Media and Share Icons (Ultimate Social Media), you’ll see SO CSS works now. Ideally, try find another social plugin.

  14. 7 years, 16 days ago rutoutdoors

    Sounds great thank you for the help! I greatly appreciate it!!!

  15. 7 years, 16 days ago rutoutdoors

    Thank you again for all of your help! My question I have is how do I change the green color of top menu to another color?

    Thank you

  16. 7 years, 16 days ago Support Assistants Hi, I Work Here

    It’s a relatively complex change because there is a gradient being used. Unfortunately, this isn’t a theme setting.

    You can insert the following at Appearance > Custom CSS:

    #main-menu-wrapper > div > ul {
        background: #8ca354;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6e8739), color-stop(1, #8ca354));
        background: -ms-linear-gradient(bottom, #6e8739, #8ca354);
        background: -moz-linear-gradient(center bottom, #6e8739 0%, #8ca354 100%);
        background: -o-linear-gradient(#8ca354, #6e8739);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ca354', endColorstr='#6e8739', GradientType=0);
        border-top: 1px solid #758c3e;
        border-left: 1px solid #688234;
        border-right: 1px solid #688234;
    }

    Each declaration has two hexadecimal color values, the start and end of the gradient. The last three declarations are the border colors. If you’d like you can try adjusting these as required.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More