Create your own SVG logo

Administrator logo.

In the folder, content/media/branding/ rename logo.svg to logo_madein.svg

Edit the script template/layout.php

<div class="copyright">
<?php echo \pulsecore\get_context()->theme->made_in_pulse->render( array('badge_image' => (\pulsecore\wedge\config\get_json_configs()->json->path . '/content/media/branding/logo_madein.svg')) ); ?>
{{ block:"copyright" }}
</div>

According to this example, make your logo.svg
Use a text editor.

<svg width="125" height="75" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<text fill="transparent" stroke="#0000ff" stroke-width="1" x="61.5" y="40.0" id="svg_1" font-size="45" font-family="Serif" text-anchor="middle" xml:space="preserve" font-weight="bold" font-style="italic">IvaRo</text>
</svg>

Save as content/media/branding/logo.svg
-.-.-

Website Logo

According to this example, make your mylogo.svg
Use a text editor.

<svg height="55" width="255" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<text fill="#ffffff" stroke="#878988" stroke-width="0.5" x="100.5" y="29.5" id="svg_1" font-size="38" font-family="Serif" text-anchor="middle" xml:space="preserve" font-weight="bold" font-style="italic">MyLogoooo
<tspan fill="#cccfff" stroke="#0000ff" stroke-width="0" x="88.5" y="52.5" id="svg_2" font-size="14" font-family="Serif" text-anchor="middle" xml:space="preserve" font-weight="bold" font-style="normal">My Firm Theme
</tspan>
</text>
</svg>

Save as content/media/branding/mylogo.svg

Edit the script template/layout.php

<div class="col-lg-3 col-9">
<div class="logo"><a href="<?php echo $path; ?>">
<img class="logo" alt="logo" src="<?php echo $path; ?>/content/media/branding/mylogo.svg">
</a>
</div>

Adjust text logo.
Adjust the text shift horizontally = x = “61.5”
Adjust text shift vertically = y = “40.0”
You can edit other items.
Adjust the width svg = <svg width = “125”

2 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.