I want to change the logo size (the site name on the top of the left side) but cannot find the css file to change it. Where is the file or I can change the setting from the admin?

I think this could help: documentation.jomsocial.com/wiki/Customizing_Template

Class for this text is ".site-title" in worldprofessionals.org/templates/protostar/css/template.css

Remember, that you the best solution for customizing template is to create overrides for files in:
JOOMLA/templates/yourTemplateName/html/com_community
and to class styles overrides in your current template css file. Try to use "!important" or chain of classes like " .main-class .target-class {} "

I hope this helps.

Hi Michal,

I find the file, template.css. Could you show me a picture where I should change the size of the site name (logo)? The site name is on the top of the left side.

Thanks.

Hi Linda!

First you must know if you'll modify worldprofessionals.org/templates/protostar/css/template.css you'll lost all your changes after Joomla! upgrade. It's because Protostar is one of Joomlas default template and is also updated with patches.

So best thing to do will be:

1. Install your own template and modify it
2. Copy Protostar template and modify it:
- copy protostar folder from worldprofessionals.org/templates/ to your computer via FTP,
- rename folder from "protostar" to "my_protostar"
- (change <name>protostar</name> to <name>my_protostar</name> in templates/protostar/templateDetails.xml
- upload "my_protostar" folder back to worldprofessionals.org/templates/ via FTP
- go to your administration panel Extensions -> Extension Manager
- click on Discover in left menu
- click Discover button above left menu
- your new template my_protostar will appear on the list
- check it a click Install button above left menu
- then go to Extensions -> Template Manager and check your my_protostar template as default
- now you can modify worldprofessionals.org/templates/my_protostar/css/template.css safely
3. You can use custom css like advised here: joom3.zemplate.com/index.php/custom-stylesheets

Just choose option you like most.

Then you can modify size (color, weight or font) of site name logo here:

.site-title {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
}