Remove div class via Javascript/css

Remove div class via Javascript/css

by Lee West -
Number of replies: 4

Hi Folks

Hope I'm putting this in the right forum.

I'm helping to develop a new Moodle for my office and being of little skill when it comes to CSS & JS, I've run into a bit of a wall. 

I'm using the latest version with the Adaptable theme. We've added the Latest Announcements block to the front page, but those in charge are asking if the name and the date of the poster can be hidden/removed from the page when a post has been made. 

They appears under the post title with a div class of "head clearfix", but outside of burrowing into the CSS and deleting it permanently, I can't bluff my way in to creating a custom css or JS query to solve this.

Does anybody have any ideas? I'm happy to post screen shots/code if anyone needs them.

Many Thanks


Lee W

Average of ratings: -
In reply to Lee West

Re: Remove div class via Javascript/css

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi I am just looking into this and will be back with an answer shortly...hopefully!!! smile

In the mean time can you tell me which version of Moodle you are using?

Cheers

Mary

In reply to Mary Evans

Re: Remove div class via Javascript/css

by Lee West -

Hi Mary,

Many thanks for your help

I'm using 3.2.1, i believe. I installed it via the instructions for GitHub

In reply to Lee West

Re: Remove div class via Javascript/css

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

On Boost (default theme in 3.2) try

.block_news_items .content .head {display:none;}

In reply to Richard Oelmann

Re: Remove div class via Javascript/css

by Lee West -

Bingo.

Worked like a charm. 

Thank you, Richard