Replace Logo Image With Text

[Craigr]

I have replaced the logo image with text. This is the code i used in my header template:

<vb:if condition="$stylevar['titleimage']">
<div>
<a name="top"></a>
<h1>Special Forces</h1>
<h2>Roll Of Honour</h2>
</div>
</vb:if>

The text shows up okay, but it is very small. How do i edit it so it is bigger. I want the h1 to be black text and h2 to be white text.

Thanks. :up:

[josh_krz]

Here you go, you can add CSS directly to tags. Change as you need.

<vb:if condition="$stylevar['titleimage']">
<div>
<a name="top"></a>
<h1 style="font-size:18px;color:#000000;">Special Forces</h1>
<h2 style="font-size:16px;color:#FFFFFF;">Roll Of Honour</h2>
</div>
</vb:if>

[Craigr]

Originally Posted by josh_krz

Here you go, you can add CSS directly to tags. Change as you need.

<vb:if condition="$stylevar['titleimage']">
<div>
<a name="top"></a>
<h1 style="font-size:18px;color:#000000;">Special Forces</h1>
<h2 style="font-size:16px;color:#FFFFFF;">Roll Of Honour</h2>
</div>
</vb:if>

Thanks for your help.

I have an adsense advert that appears to the right if i have an image. When i add the above text it then appears below. Any idea how to fix that?

[josh_krz]

Perhaps this will help:

<vb:if condition="$stylevar['titleimage']">
<div style="float:left;margin-left:10px;">
<a name="top"></a>
<h1 style="font-size:18px;color:#000000;">Special Forces</h1>
<h2 style="font-size:16px;color:#FFFFFF;">Roll Of Honour</h2>
</div>
</vb:if>

[Craigr]

Originally Posted by josh_krz

Perhaps this will help:

<vb:if condition="$stylevar['titleimage']">
<div style="float:left;margin-left:10px;">
<a name="top"></a>
<h1 style="font-size:18px;color:#000000;">Special Forces</h1>
<h2 style="font-size:16px;color:#FFFFFF;">Roll Of Honour</h2>
</div>
</vb:if>

Excellent, works great.