How to style element that disappears when I am logged in?

This topic contains 2 replies, has 2 voices, and was last updated by  johannesodeg 4 years, 6 months ago.

Author Posts

Sebastian

Hey Johannes,

The best advice I can give for overcoming this problem involves copying the HTML of the content that only shows to logged out users into a test WP page, via the Text tab. And then styling that test page with Microthemer. This forum post explains the process step by step: https://themeover.com/forum/topic/a-conundrum/

The styles should also apply to the content on the original page too. Pay attention to the final point in the above article though:

One thing to watch out for is to make sure that when Microthemer generates CSS selectors for you, that they don’t include the id of the test page you are working on e.g. #post-56 form. Try to use classes that seem more generic e.g. form.register

It would be a good idea to enable the advanced toolbar in targeting mode, so you can avoid selectors that reference post-ids. You can change the default selector via the Targeting options in the right hand pane.

Please let me know if you need help with this.

Thanks,
Sebastian


johannesodeg

Hi Sebastian,

Thank you! I was able to use your solution.

regards
Johannes

You must login or register to reply to this topic.