This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

CSS / logged out user

Open 8 replies pluginplugin-siteorigin-cssquestion
gvvarona
3 years ago · Last reply by Andrew Misplon 3 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 3 years, 16 days ago

    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. gvvarona 3 years, 16 days ago

    Activated!
    thnks

  3. Andrew Misplon Staff 3 years, 16 days ago

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

  4. gvvarona 3 years, 16 days ago

    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. Andrew Misplon Staff 3 years, 16 days ago

    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. gvvarona 3 years, 14 days ago

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

  7. Andrew Misplon Staff 3 years, 14 days ago

    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. Andrew Misplon Staff 3 years, 14 days ago

    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.

Have a different question or issue?

Start New Thread