gdiddy1

I can try …

First of all and just to be sure we are talking about the same thing …

… are you trying to change this: https://ibb.co/mC01xPm

… to something like this: https://ibb.co/LvMRhyL

?

If so, I am simply adding the CSS using the default WordPress Theme Customizer … so from the WordPress Admin dashboard (I.e., yourSiteName.xyz/wp-admin/) navigate to … -> Appearance -> Customize -> Additional CSS … that is where I am placing the CSS as outlined in my previous post and I get the change as you see in the second linked image.

I can probably think of two things here for why it may not be working for you:

1) CSS is exactly that … a Cascading Style Sheet … so some other custom CSS (if you have used any) may be overriding it … therefore try placing it at the top of your custom CSS in the location I have mentioned

2) It may somehow be because of new versions of LearnPress … there have been a couple since I started this Project and I do not know if later versions are somehow coded differently … although after saying that I have indeed installed all LearnPress updates and the CSS still works for me.

Please also be aware that this is not the most elegant solution and in fact breaks standards as well as being frowned upon by the Google web crawler for example …

… I have only done this as a stop gap so that I did not have to locate the text in the back-end WordPress files and directly edit said file (which is never a good idea as the next update could break the change) rather than take the time to maybe figure out some code which could be inserted into a custom Site Specific Plugin (due to Project time constraints) …

…all that said … again, if the second image describes the change you are indeed trying to make, I am more than happy if you post a direct URL to your own Courses page here and I can take a look for you using the Developer Tools available through any modern browser if you like? That is, I would target the text using Google Chrome -> right click -> Inspect

Let me know ??

@archonic08 It seems you used a slight variance and maybe that is due to the fact that there have been a couple of updates to the LearnPress plugin just recently and it was neccessary perhaps.

Regardless, good to see you post yet another solution to solve the “problem”.

Anyone trying to do this stuff simply needs to have a half reasonable understanding of how CSS works and how to dig into it – for this I would personally recommend the Microthemer plugin to target what you need to and where that is not possible (because you need to be logged in to the WP back-end as an Admin to use it) you can simply use the inspect element feature of any modern browser.

BTW – not trying to exert knowledge here, simply explaining what can be used to accomplish what IT is that NEEDS to be done under ANY circumstance.

NOTES:

I am not a LearnPress developer
I am using the free version of LearnPress with an Astra theme
I cannot see on the page you have linked where it says FREE

Those points out of the way, on the site I am developing as a University capstone IT Project, I display 3 Courses per page and I assume you are talking about the “FREE” text which sits above the Enroll button for any/every course if in fact the courses are free (noting that the Enroll button is dynamic in the sense that it could also read Continue, Retake and the like dependent on what options are set for the student in the back-end)

I have just run a test trying to find a solution for you and managed to remove ALL of the FREE text from above EVERY course, with all my courses being FREE.

Therefore, try the following, also noting that I don’t know whether this will also wipe out the price for a charged course and/or work with the theme you are using – if all your courses are free then I can’t see why it wouldn’t work but if you have some FREE and others charged then it might be back to the drawing board and waiting for an answer from someone else I’m sorry to say.

ul.learn-press-courses .course .course-info .course-price .price {
    display: none!important;
    visibility: hidden!important;
}

Hope this helps ??

I am using the free version of LearnPress hence why I stated in my original post … “I am using the free version of LearnPress”.

The LearnDash reference was simply used as an example to show what someone was able to provide a user having the same issue whilst using that particular plugin … hence why I stated “understand that I am about to speak about a totally different product to LearnPress” and “Would it not be possible to come up with something similar for LearnPress”.

Thanking you for the response.

I understand that you are saying it is not possible and I also understand that I am about to speak about a totally different product to LearnPress, however, I am wondering why it is possible for someone using LearnDash to fix the exact same issue which exists in that product and remedied as per the following thread …

Thread

… which supplies the following code …

add_filter( 'bp_learndash_user_courses_atts', 'learndash_course_orderby_date', 10, 1 );

function learndash_course_orderby_date( $atts ) {
 $atts['orderby']    = 'date';
 $atts['order']      = 'ASC';
 return $atts;
}

Would it not be possible to come up with something similar for LearnPress by way of an override please?

Hi @damianwfoster

I recently wanted the same and accomplished the removal of Orders from the user dashboard in the following manner:

/* Hide the "Orders" tab in the LearnPress dashboard of a logged in user */
#learn-press-profile-nav .learn-press-tabs .orders {
    display: none!important;
    visibility: hidden!important;
}

If you want to remove more than one item then you must separate by comma with no comma for the last item E.g.,

/* Hide the "Orders" and "Settings" tabs in the LearnPress dashboard */
#learn-press-profile-nav .learn-press-tabs .orders,
#learn-press-profile-nav .learn-press-tabs .settings {
    display: none!important;
    visibility: hidden!important;
}

Credit to @fabiograsso here: Thread Link

I couldn’t figure out the redirects side of things and really have no need to anyway but hope this helps.

I know this thread hasn’t been visited in nearly four months but I am currently working on a LearnPress site for my IT Project capstone unit for University and recently wanted to do what I think is the same thing as you peeps are talking about.

The following is somewhat of an ugly way of going about it as I don’t feel that things should simply be hidden and then replaced, however, this works and can be placed in the Additional CSS at Appearance -> Customize -> Additional CSS:

/* The following 2 CSS class selectors delete text "Archives: Courses" and replaces with "Courses" */
.archive .entry-title{
  visibility: hidden!important;
}

.archive .entry-title:after {
  content:'Courses'; 
  visibility: visible;
  display: block;
  position: absolute;
  top: 2px;
  font-weight: bold
}

Hope this might help someone else out there looking to achieve the same goal.

Cheers ??

• This reply was modified 4 years, 11 months ago by gdiddy1.