Several Issues in Courspress!

Hey there elguide,

How are you doing today?

1) I remember recommending our translation guide post to you in another thread. Can you please add more info on what you’ve done so far so I can try to assist you in translating the plugin. So please let me know on the following:
-have you created Spanish translation files?
-how did you name them, did you use correct language extension?
-where did you place the files?
-do you have correct language selected in your admin in Settings -> General?

2. I believe that should be possible to change with some custom CSS. Can you please post link to that page on your site and let me know how big do you want those images to be and I’ll try to assist you ??

3. We could also remove sidebar from single courses pages with some custom CSS. Please provide link to the page where you have this and I’ll be happy to help.

4. Same as with No2 and No3, please provide link and we’ll change the color of those parts with CSS.

Looking forward for your response ??

Best regards,
Bojan

Hi Bojan, Thanks for your quick reply. Here you have the answers:

1) I started to edit the translations on Poedit, and then, searching the web I realized that there was a Plugin called “Loco Translate”, I made the translations there and saved them, but nothing happens. I have the correct language selected on my admin settings: es_ES. I don’t now much about encoding.

2, 3 & 4) You can check the Course page on: https://www.prakaya.com/talleres/ . There you will see the big image, I think half size would be OK. I would like the courses pages to be black, without the right side bar, the date posted and the bottom author of the post. If you click on “Details” you will see the white color text that are transparent.

Thank you so much and I’ll be looking forward for your reply.

Hey again elguide,

1) To be honest I’m not familiar with the plugin that you’re using to translate CoursePress so I can’t really advise on that one. Translating the plugin is really easy and all you have to do is open the default .po file in poedit which is located in /wp-content/plugins/coursepress/languages/ and then go to “Save As” and save the file with Spanish extension (make sure its called like this “cp-es_ES” and to save it into the same folder). When done simply translate the words and save the file once you finish.

After that make sure to select Spanish language in Settings / General and you’re done, see screenshot https://screencast.com/t/dcmg9qtBWJ.

2) The image has 100% width set to it which is why it is so big. You can reduce that with some custom CSS. The easiest way to add custom CSS would be to use this plugin https://www.ads-software.com/plugins/simple-custom-css

Once the plugin is installed and activated you can add this code to Appearance >> Custom CSS:

.course-thumbnail img.course-media-img {
  width: 50%;
}

You can increase / decrease the numeric value to what ever suits you the most.

3) To remove the sidebar from courses pages and set full width please try adding the following CSS as described above:

.single-course div#secondary {
  display: none;
}

.single-course .content-left-wrap.col-md-9 {
  width: 100%;
}

4) To change the colors of the enroll box text please add the following:

.course-box strong.label {
  color: #000;
}

This will change the color of the text to black, if you want other color please replace the color hex value. You can use sites similar to this one to get hex value for the color of your choice: https://www.color-hex.com/

Hope this helps ??

Cheers,
Bojan

Hey Bojan,

Thank you so much for that information. I could make all the modifications successfully ??

I still need some help with other questions. For example:

1) When I click on the courses page, on the top it says: Archives (in english, althoug I already made the traduction) Do you know how can I delete this header, or change it to “Courses”?

2) I need to have full width in all Coursepress pages (units, courses page, discutions, notebooks, etc.) not only on that single course. How can I do this?

3) I need to delete the author information (at the bottom) and the date posted (at the top) in all Coursepress pages (units, courses page, discutions, notebooks, etc.). How can I do this?

4) How can I center the vimeo videos for all the courses?

5) Can I place the large course description before the courses units on the Course details? How can I do this?

That would be all for now. Again, thank you sooo much!!

Hey again elguide,

Glad to hear we’re making progress with this ??

1) This is the title from the archive template, the easiest way would be to remove it. You can do that by adding the following CSS:

.post-type-archive-course header.page-header {
  display: none;
}

2) That would be difficult for me to check since you’re not using default coursepress theme. Can you create temporary free course where I can register or let me know which theme you’re using so I can try this on my end.

3) To remove meta on the top please try adding the following:

.entry-meta {
  display: none;
}

This should remove it from all pages. I’m not sure which part are you referring at the bottom, would you mind posting a screenshot?

4) Centering videos should be possible by adding the following CSS:

.video_player.course-featured-media {
  text-align: center;
}

5) Not really sure where you want to add that, can you please try to explain where exactly are you trying to add description for the course?

Best regards,
Bojan

Hi Bojan,

1) OK

2) I’m using Zerif Lite Theme. Or you can register to the course: https://www.prakaya.com/talleres/viandas-veganas-express/

3) OK. I’m refering to the Author about and last posts at the bottom of the pages. You can check what I’m talking about on the course on item 2.

4) OK

5) I mean to place the large course description before the Course structure on the Details of the course. You can check that on the course on item 2.

Thanks my friend!

Hey again elguide,

2. Can’t register to the course since it’s payed course, I’ve tested this on my sandbox site using Zerif Lite

.single-course .sidebar-wrap {
  display: none;
}

.single-course .content-left-wrap {
  width: 100%;
}

.page-id-0 .sidebar-wrap {
  display: none;
}

 .page-id-0 .content-left-wrap {
  width: 100%;
}

This should remove sidebar and make page full width on single course pages and all virtual pages.

3. If this whole section is what you’re referring to https://screencast.com/t/C9q6Kwxlgp then to remove it please try adding the following:

.single-course .abh_box.abh_box_down.abh_box_business {
  display: none;
}

4. Not sure I understand you want that to be displayed before the course structure?

Best regards,
Bojan

Hi Bojan,

Thanks for your reply.

2) I’m still needing full width on the courses front page ( https://www.prakaya.com/talleres/ )

3) Thanks for that. I’m still needing to remove it from the courses front page (https://www.prakaya.com/talleres/ )

4) On my course ( https://www.prakaya.com/talleres/viandas-veganas-express/ ), you can see first the course structure and then the course description, I want to place the course description before the course structure, can this be done?

5) The title “Course structure” is in white color and I cannot see it, how can I change this title to black color?

Thanks again my friend!

Hey again,

2. Please try adding the following:

.post-type-archive-course div#secondary {
  display: none;
}
.post-type-archive-course .content-left-wrap.col-md-9 {
  width: 100%;
}

3. To remove it from course pages please try adding the following:

.post-type-archive-course .abh_box.abh_box_down.abh_box_business {
  display: none;
}

4. This is possible but it would require editing the templates.

5. To make the title black please try adding the following:

.course-structure-block h2.label {
  color: #000;
}

Best regards,
Bojan

Hi Bojan. Thank again!

The last thing I want to remove is the phrase: ¨This entry was posted in . Bookmark the permalink.¨ at the bottom of the Course details. How can I delete this sentence?

Thanks my friend!

Hey again elguide,

You should be able to remove that by adding the following CSS:

.single-course footer.entry-footer {
  display: none;
}

Please let me know if this works ??

Cheers,
Bojan

Yes. It worked fine!! Thanks my friend!!

Glad I could help ??

Cheers,
Bojan

Hi,
I have a lot of these same problems:
1. the image is 100% – too big,
2. I’d like to remove the side bar,and
3. the enrol now button is grey and therefore lost on a white background, I need it to be a bright colour so that people actually buy the course.

However I don’t have a clue how to implement ‘CSS’ stuff. It’s all new to me. Here’s my page I’m struggling with: homeopathyinyourhands.com/courses/

If it could look more like this, I’d be greateful: https://www.prakaya.com/talleres/

Many thanks in advance,

Jenny

OK so I figured out how to use the plugin Simple Custom CSS, and how to reduce the image size.

But I still can’t remove the sidebar despite adding all the CSS suggested above, nor have I been able to change the colour of the details or enrol now button…

Thanks again,

Jenny