Different Logo Colour Per Page As Svg File - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Different Logo Colour Per Page As Svg File

D

damian

Template 2 years ago

on my site at www.936.se you'll see a white svg logo .. but go to another page and you'll see it's black

the person that did this, didn't use different templates and i can't find where he made the change

what I would like to do is remove what he did and then place the svg logo in the template file OR somewhere else, that is safe, so when I update .. the changes don't need to be re-done

i want to do this becasue he's set it up so homepage uses white but all other use black. i have some pages i want to publish that will also use white .. because there is a dark image up top .. help appreciated, thanks

can someone point me in the right direction?

thanks

0
5 Answers
B
blue_Shift
Accepted Answer
2 years ago #112988

The way I do this is applying a page class to the menu item prepended to Mehtaz's code. For example, in the menu item 'page class' field, create a class eg "logo-light-gray", then

.logo-light-gray svg#logo936 path  {
fill: #f5f5f5 !importnt
}

Create a few classes in the template's custom.css (or advanced code css field in the template manager). After that, you activate them when then you apply the desired page class to the menu item - now you can have different logo. If no page class is assigned, the default will be used.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #112844

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

0
D
damian
Accepted Answer
2 years ago #112860

Hidden content ..

0
D
damian
Accepted Answer
2 years ago #112864

more hidden content

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #112892

Try this CSS

svg#logo936 path {
fill: #F5F5F5 !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

0