edit “Courses Archive” title

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 ago by 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 🙂

Sorry (I copy-pasted from gdiddy1’s post above) — I meant this is the code I used:

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

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