Solved Templates

different logo colour per page as svg file

Asked by damian 3 years ago Last activity 3 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

Accepted answer

Marked as the solution
blue_Shift
3 years ago · edited

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.

4 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

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

-Regards.

damian Asked this
3 years ago

Hidden content ..

damian Asked this
3 years ago

more hidden content

Mehtaz Afsana Borsha Staff
3 years ago

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.

Log in to reply.