Change header background picture in modern theme and course-cat pages

[Deserter92]

Hey vibe ! How can I change the header background in modern theme ? I would like to have a specific picture for each page. But it seems that I can only use one picture for all pages. In addition, it seems that I can't edit catoregy pages with visual composer. Therefor I can't use a specific css sheet for these pages (I.E choose what picture I want in the header).. Thank you for your help  !

[Anshuman Sahu]

On the category pages there is no such option to upload a different header image ,on these pages it would show default header image which you have selected in the wplms -> header . However on the other pages like course directory,activity etc pages you can updaload different header by editing those pages in back end ,find Course Background image  and upload the background image 

[nena14]

My background image on the "all courses" page is not the same image as the one I have selected in wplms > header. I can not find the Course Background Image in the All Courses page or Activity page in back end. The text and the image is in similar colors so it's difficult to see the text.

[H.K. Latiyan]

@nena14: The image on the all courses page is the one you selected in wplms->header, because on all the pages the image is same. Please refer the screenshot, I added a css and the full image is seen on the all courses page (Which is similar to the other images on your website). So if you want then change the image from wplms->header. Screenshot: http://prntscr.com/9znftl

[nena14]

You are right, of course! I can see now it's the same image, it looks different because the image width on the all course page is only a small part of the whole image width. Sorry! Can I add some CSS so that the full with of the image is showing (not repeating as in your image)? And change the text color?

[H.K. Latiyan]

@nena14: Please use this custom css:

.course.directory section#coursestitle {
background-size:100% !important;
}
.course.directory section#coursestitle .pagetitle h1,.course.directory section#coursestitle .pagetitle h5 {
color:#fff;
}

[nena14]

Thanks!

[Author]

Posts