Home>Support>CSS / logged out user

CSS / logged out user

Hi
I need to edit something stupid but I could not do it since the thing I need to edit only is shown when the user is logged out.

It’s just a button that says “Buscar Empleo /” – This button only appears when you are out of the site (including the administrator). I need to get rid of the “/” as you can see here https://imgur.com/a/E8MIv4t. The site is https://trabajocompleto.com – The button is not just a simple button but a widget so I can not simply edit it.

I’ve tried to add: body:not(.logged-in) in custtom css but it did not work.
Any help will be appreciated!
Thanks!

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

  1. 1 year, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi, thanks for getting in touch.

    Is SiteOrigin CSS activated? If so, please, leave the rule you’ve added to target the button class in place so we can take a look.

  2. 1 year, 7 months ago gvvarona

    Activated!
    thnks

  3. 1 year, 7 months ago Andrew Misplon
    Hi, I Work Here

    To confirm; you’ve activated the SiteOrigin CSS plugin and rules or at least one CSS rule is present at AppearanceCustom CSS?

  4. 1 year, 7 months ago gvvarona

    Customcss is activated with this rule: body:not(.logged-in) which seems to have an error (expected LBRACE at line 1, col 21). I've copied this rule from the support Customcss forum in wordpress

  5. 1 year, 7 months ago Andrew Misplon
    Hi, I Work Here

    SiteOrigin CSS should be outputting a folder into your uploads folder; that isn’t happening. If possible, please, take a screenshot of the AppearanceCustom CSS page, upload it to any online location and share the link. Thanks.

  6. 1 year, 7 months ago gvvarona

    Here it is
    https://imgur.com/a/sO6yWD6
    thks

  7. 1 year, 7 months ago Andrew Misplon
    Hi, I Work Here

    Thanks. It looks like you’ve only inserted a selector. You’ll need to target the class you want to adjust and then add a declaration like display: none;. The contents, as shown, unfortunately, won’t have any effect on the page.

  8. 1 year, 7 months ago Andrew Misplon
    Hi, I Work Here

    Below you’ll find a little more info:

    What is a CSS rule: https://jenkov.com/tutorials/css/css-properties-css-rules.html#css-rules

    What are CSS properties: https://jenkov.com/tutorials/css/css-properties-css-rules.html#css-properties

    What are CSS selectors? At the moment, you’ve targeted the body tag, but you haven’t targeted the class name of the forward slash container that you want to alter: https://jenkov.com/tutorials/css/selectors.html#element-selector.

    Below is a rule targeting the class in question:

    .apus-user-login .separate {
    	display: none;
    }

    Unfortunately, we’re unable to write CSS within our free support scope. If you need a hand with similar tasks, please, consider a SiteOrigin Premium license. Thanks.

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