• Resolved emiliengerbois

    (@emiliengerbois)


    Hey Michael,

    again a new topic today, here it is:

    – I customize my single badge page using a drag n drop builder. This way I could hide most of what I didn’t want to display using CSS and replacing it as I want. For example, the default Badge Image (as a thumbnail) is hidden but I display it and apply it the opacity effect trough CSS.

    – I would need to do the same thing for steps lists: for now I can call the list using shortcode and hiding what I want, customizing what I want, but I can’t hide the default list that show at the bottom of my page without making it disappear from the shortcode generated list also.

    here is a first screenshot and here is a second one

    Any idea how I could do this?
    Thank you so much and have a great day,

    Emilien

    https://www.ads-software.com/plugins/badgeos/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Michael Beckwith

    (@tw2113)

    The BenchPresser

    I assume the first bullet point is all frontend, instead of say the backend post editor screen.

    Just so I am clear on this. In the 2 screenshots, I see 2 different copies of the list. One is along the sidebar below a form and “Articles associes”. The other is right below a big red “hide details” button.

    You’re trying to hide them via a class or so on the markup around it, but they’re not unique enough to differentiate between the areas they’re displayed?

    If you have the post_class() function on the wrapper for your main content posts, that would provide enough selectors that you could target just the one under the red “Hid Details” button. Even if you don’t have that function used, but have some sort of class on your post wrapper, you could use that with your css selector.

    Note: example classes used
    .post-content .steps-list { display: none; }

    Hopefully this gives you enough ideas on how to handle this one.

    Thread Starter emiliengerbois

    (@emiliengerbois)

    Hey Michael,
    hope you’re fine as always,
    thank you so much for your help again, I finally solved this.

    My problem was I had those 2 lists in the main content, one of which was displayed through the Bos shortcode, wrapped itself into the page builder shortcode, and the other one was the one display by default by BadgeOS in those posts.

    So I did this :

    .post_type .achievement-wrap .page_builder_section ul.badgeos-required-achievements, .post_type .achievement-wrap .page_builder_section h4 {
    display: block !important;
    }
    .post_type .achievement-wrap ul.badgeos-required-achievements, .post_type .achievement-wrap h4 {
    display: none !important;
    }

    Thank you again ??

    Michael Beckwith

    (@tw2113)

    The BenchPresser

    Just out of idle curiosity, I wonder where the code is that auto-adds it, and if it’s possible to remove it or prevent the adding. Hmm

    Thread Starter emiliengerbois

    (@emiliengerbois)

    I wondered it also but I didn’t want to modify the core files so CSS was good enough at this point ?? “Hmm” indeed ! ??

    Michael Beckwith

    (@tw2113)

    The BenchPresser

    Well, if it’s added via filters, filters can be removed safely from your own files.

    Thread Starter emiliengerbois

    (@emiliengerbois)

    hmm ok I’ll have a look ?? thanks again!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘remove steps list from the template’ is closed to new replies.