edit “Courses Archive” title

Hi vildur,

You can use Loco translate plugin to change the title of that page, using this guide https://thimpress.com/knowledge-base/loco-translate-guide/.

Hi,

Thanks for the suggestion. This fixed 50% of the issue sadly :D.

The word “Course” can only be translated. Archive is still there and Loco is not locating it.

Now the title is: <title>Archive – E-koolitused</title>.

Of which “E-koolitused” is the site name. The “Archive – ” is added by some JS or PHP file there.

Do you know which file does that? I can hide the title from the page using CSS, but it is still displayed in the browser tab and in google results for example. The word “Archive” is not related to the page and is confusing.

Thanks

Hi,

Sorry for late rely, which page have title “Archive – E-koolitused” do you mentioned?

It is the archive page. From setting–>courses–>archive–>”Courses Page”.

Whatever page I select from there, the tile will be changed.

Hi there,

if have the same issue. Is there a solution after 5 months?

Best,

Ralf

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, 7 months ago by gdiddy1.

Same problem here, I was really glad to read your message #gdiddy1, but unfortunately it doesn’t work my side. I m surely doing something wrong or copying your css at the wrong place. Could you take a bit of time and explain to me how you did more precisely please? ??

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 ??

Thanks so much gdiddy1! Your suggestion is very helpful!

For the others who are still trying to overcome this problem, my suggestion is:

(1) Open the page (as published) or a preview of it, then inspect the page using the Google Chrome Console. You can access that by right-clicking on the page and then choosing “Inspect” from the drop-down list that will appear. Or you can type alt+command+J on your keyboard (for mac). I forgot how to do it on windows.

(2) Go to the “Elements” tab, then click on the pointer in the upper-left hand corner of the console(?)/inspector.

(3) Hover over the “ARCHIVE: COURSES” portion and you will see details about it. In my case, it turns out that the class is “header-title” and not “entry-title”. Take note of whatever class is assigned to it in your template. If you are making the template from scratch, then you should be the one to assign a class to that particular header. You can read more about assigning classes in various online resources.

(4) Do as advised by gdiddy1, but this time select the class name applicable to you. For example, this is the CSS that I entered:

/* 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
}

Hope this helps!

• This reply was modified 4 years, 4 months ago by xalmah. Reason: I made an error in the class selector

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
}