How to remove cover photo and everything around it?

geofhill1

I need to remove everything ABOVE the Activities, Group Details, Discussions, Announcements tabs in groups. So, how to do that? How can I make the cover photos and everything else disappear?

geofhill1

How can I turn off the cover photo and all of the menus there? I can already turn off the toolbar. What about the cover photo, avatar and the menus underneath the photo?

Ninja

geofhill1
Hi
Its the core features to open a group, removing all this information makes the UI complete mess and user cant navigate to feature of the covers.
Kindly let me know if you still want to remove it. Toolbar can be hide from JomSocial > configurations > layout > Show toolbar > NO.

geofhill1

Ok. I want to embed a live video player for cover photo. That is my main purpose. To embed live video player in the cover photo area only. So, how to put the embed code for the cover photo?

Then, I need to turn off the Group name, Group avatar, Invite Friends button, Group name short description

Turn off toolbar of Announcements 0Discussions 0Photos 0Videos 0Events 0Polls 0Member 1More

Ninja

geofhill1
Hi
There is no option to change the cover picture to a live feed as its custom work and need many code changes and new code to apply. i can share you that path of file that you can customize..
Open /component/com_community/templates/jomsocial/layout/groups/
this file used to take the JomSocial group layout files single.php
file use to display the Group page layout. From line 45 it start the cover area.

You can also override it via template folder /html/ folder.

geofhill1

Ninja

How to modify the template? Please give instructions if you can't do the coding. I am willing to pay money for coding

geofhill1

I want to modify the js_shadow template to reduce the group cover photo size to height: 0;
But I do not understand how to do this. I have tried many many methods to make custom.css and it does not work for me.

Please give complete instructions for beginners.

Ninja

geofhill1
Hi
Which template you want to modify ? Or you asking for overriding
About paid work you can submit your request on manhnv@joomsolutions.com

Ninja

geofhill1

Ninja Which template you want to modify ? Or you asking for overriding

Please check the thread first, there is no information provided by you yet, No template details or URL screenshots?
Customization is not a guide as it changed depends on personal needs. And more a self learning.
JS Shadow is a JomSocial theme and it does not make any difference in the group covers as its core feature to display the covers.

You can use inspect element from browser tools : https://www.hostinger.in/tutorials/website/how-to-inspect-and-change-style-using-google-chrome
example:

geofhill1 I have tried many many methods to make custom.css and it does not work for me.
http://prntscr.com/up1bth
http://prntscr.com/up1box
To check the style code and override it as i shared in the last post. use that in custom.css

Hope it make sense.

Ninja

geofhill1
Hi
to set height 0 you can use this code

.view-groups.task-viewgroup .joms-focus__cover-image  {height:0px;min-height:0px;}

.view-groups.task-viewgroup .joms-focus__cover:before {padding-top: 10%;}

The suggestion based on the demo site.

geofhill1

And yet, ytou did not answer the complete question, again. I specifically asked for ""instructions for beginners"... simply pasting a code is not the answer that was requested. Perhaps you could complete the answer please. I have asked this question for 3 months now and still do not get an answer that a beginner can fix. Please answer the entire question, not just the first sentance.

Ninja

geofhill1

Please answer my entire question. Toy only answered 50%.

Ninja

geofhill1
Hi
I already shared the code with you, if you have any issue please share the URL of the group page here on which you applied this code and its not working for you.
There is no other tweaks, the code is used to minimize the height as you needed.

geofhill1

thank you. So, I just paste this code somewhere and it somehow works? Where do I paste it? SHould I create another joomla article? or paste in a module? or paste inside an email or something? I did create a custom.css file vefore but where do I put it? Do I paste those codes inside something? I have seen that browser tool thing 1000 times but it does not tell me where to put something. That is cearly not a beginner method.

SO, I am additionally confused now. If JS_Shadow is a theme, do I paste those codes inside that temef somewhere? Would that be inside the something.php file? perhaps somewhere inside a SCSS folder with some new file name? I do not know.... so I am asking for Beginner instructions.

Ninja

geofhill1

Also, within Jomsocial in the configuration section under "teamplates" it says that I installed the template called "JS_Shadow". So, I am assuming that JS_Shadow is indeed an actual template since it's in the template section. If it is just a theme, why is it in the template area? I want to somehow modify the supposed template to reduce the size of that cover photo. Do I need to put something inside that template theme or somewhere else? I really do not know.

Ninja

geofhill1
Hi
If you are not aware the basics css its hard for you, as its custom work you need to check it with your developer.
About where to paste? you must check it on custom.css as you already trying
+ without a URL how i will give suggestion i am not sure your template support custom.css or not?
It would be better if you share the asked details to get proper support. I already shared the details how to customize things, for very beginner first you have to learn the css, html as its not something i can help under support scope to give support for learning.

Let me know the URL if the code is not working.

geofhill1

Jomsocial is running the jomsical template called "JS_Shadow" according to what it is showing within Jomsical admin under configuration/templates. What file do I add that code into for taht tempalte?

OR...do I need to somehow modify the main website template itself? Previously I did edit the single.php file and did eliminate the cover photo...but that breaks the jomsocial code.

Ninja

geofhill1
Hi
I am afraid if you can not share details, i am not able to provide further support , as there is not details to check. The code i shared you can add in custom.css file in the template css folder or at the end of template.css
I am not sure as you are not giving site URL or what template you are using. you have to share the details as its not a bug fix to make test on demo site or fresh package.
If you need further help just provide me details as i am only trying to help you.

Here is Support policy : https://www.jomsocial.com/support-policy

geofhill1

In Jomsocial configuration/templates... what does it mean when it says "JS_Shadow" in the template list? Is that not a template? That's the template I am using.

Ninja

geofhill1

thank you for sharing the support policy link. However, this is not a quetsion about support policy.

I am looking at the Jomsocial configuration section . There is a section called "Templates" Inside that template section there is a template called "JS_Shadow".... Is the template called "JS_Shadow" not actually the template even though its in the template section now? IF JS_Shadow is not a template, why is it in the template section?

I have been told I need to edit the template. So, do I edit the JS_Shadow template or some other template?

Yes, I should know CSS and HTML to do this work. This is how we learn. We learn by doing. So, I am doing.

So, again, do I edit the JS_Shadow template or some other template? I did add a custom.css file containing the codes you wrote.. I put that custom.css file inside the JS_Shadow template located in cmponents/com_community/templates/custom.css but the cover photo size did not change.

Ninja

geofhill1
Hi
JS Shadow is a JomSocial theme. It work only for JomSocial area not Joomla template, so it called as JomSocial theme or JomSocial template.

You need to add the code in custom.css of your Joomla template not Jomsocial. I am not sure what Joomla template you are using as you do not want to share the details support policy link i shared so you can read the policy to know how support work.

Add the code at the end of template.css file of your Joomla template if the support not support the custom.css.

Again if the code not work you have to share the page URl there is no other way to check why code not work.

Hope its clear now.