+ Start a Discussion
Aslam Iqbal 25Aslam Iqbal 25 

salesforce custom theme logo change

Regarding salesforce communities custom theme developed using aura component. I wish to change custom theme logo to other image.

To see the current logo click here (https://ibb.co/QQKnzWB
but wish to change this, 
need help
Team NubesEliteTeam NubesElite
Hi Aslam,
Please refer this link it may help you
https://help.salesforce.com/articleView?id=community_builder_theme_change.htm&type=5 (https://help.salesforce.com/articleView?id=community_builder_theme_change.htm&type=5)



Thank You
www.nubeselite.com

Developement | Training | Consulting

Please Mark this as solution if your problem resolved.
Aslam Iqbal 25Aslam Iqbal 25
thanks for the reply

change theme brings below options (that show the same image with old image, that I need to change)
https://ibb.co/H4Q0xLV

What I really need to chage is the logo for the preview


regards
Aslam

 
Aslam Iqbal 25Aslam Iqbal 25
further information 
this preview logo is part of custom theme developed using lightning

could this be background image for custom theme? if yes how do I change this
 
Amol Rokade 26Amol Rokade 26
To make change in your custom theme logo you need to make change into your SVG file of custom theme.
Can you please post SVG code here.

You can get more information using below URL abour how to change SVG file:
http://sfdcmonkey.com/2017/03/21/use-svg-salesforce-lightning-component/

I hope this will resolve your issue
Aslam Iqbal 25Aslam Iqbal 25
the code for SVG is here (I tried online convert of this to png and this shows a different image altogether)

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M120,108 C120,114.6 114.6,120 108,120 L12,120 C5.4,120 0,114.6 0,108 L0,12 C0,5.4 5.4,0 12,0 L108,0 C114.6,0 120,5.4 120,12 L120,108 L120,108 Z" id="Shape" fill="#2A739E"/>
        <path d="M77.7383308,20 L61.1640113,20 L44.7300055,63.2000173 L56.0543288,63.2000173 L40,99.623291 L72.7458388,54.5871812 L60.907727,54.5871812 L77.7383308,20 Z" id="Path-1" fill="#FFFFFF"/>
    </g>
</svg>
Amol Rokade 26Amol Rokade 26
Yes,it is showing default logo for lightning component. You need to convert your logo into SVG add that code in svg file of lightning component
Aslam Iqbal 25Aslam Iqbal 25
tried changing code under svg , still has no effect.

Another one question comes to mind (this could help us to get one step closer to the answer)

I have also created a custom theme Layout Component (Condensed Theme Layout) based on the trailhead https://trailhead.salesforce.com/content/learn/projects/communities_theme_layout

And under communities (build) configured this to use for a test community page, this is under page configuration "Theme Layout", which is good.
But now when I click the change theme (Theme->"change theme" link) , this does not showup a selectable theme 

please see the image in the link https://ibb.co/H4Q0xLV, this does not show the "Condensed Theme Layout" (this was the name given in design, and I have added a test svg additionally)

Am I missing some basic stuff?


regards
Aslam



 
Amol Rokade 26Amol Rokade 26
What you have built using https://trailhead.salesforce.com/content/learn/projects/communities_theme_layout this is CUSTO THEME LAYOUT and what you want by going Theme->"change theme" here is CUSTOM THEME.I think this are two different thing altogether.
Can you please explain why you want see theme by going  here,Theme->"change theme"? because even using your current theme you can change complete look and feel of your community  by creating CUSTOM THEME LAYOUT and with many other options
Aslam Iqbal 25Aslam Iqbal 25
tried changing code under svg , still has no effect.

Another one question comes to mind (this could help us to get one step closer to the answer)

I have also created a custom theme Layout Component (Condensed Theme Layout) based on the trailhead https://trailhead.salesforce.com/content/learn/projects/communities_theme_layout

And under communities (build) configured this to use for a test community page, this is under page configuration "Theme Layout", which is good.
But now when I click the change theme (Theme->"change theme" link) , this does not showup a selectable theme 

please see the image in the link https://ibb.co/H4Q0xLV, this does not show the "Condensed Theme Layout" (this was the name given in design, and I have added a test svg additionally)

Am I missing some basic stuff?


regards
Aslam



 
Aslam Iqbal 25Aslam Iqbal 25
sorry double sent my post.
thanks @amol for your quick replies, I think you got it right regarding custom theme

Answer to your question regarding "change theme",
1. from your answer this "CUSTOM THEME" is the place the logo is and I wish to change this logo.
2. this "custom theme", was implemented before I started to work on that project (who has left the workplace before I started), and I am asked to change this logo
3. further to this, having custom theme, may give advantage, so that admin /or someone else (not sure who), can easily change to custom theme, more themes can be added.


 
Muhammad Usman 36Muhammad Usman 36
I think your site (https://dealsdraw.com/)has one of the cleanest themes I’ve come across. It really helps make reading your blog a lot easier
the wonderful article it is really good.