Making Logo Sitewide?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi,

How can I make my Logo display on every page of my site, without manually adding it and adding margins to every page. Is there some tracking codes thing?

Amar
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Amar,

If you have Yola Silver, it could be possible to add this via your Site CSS or through the Tracking code section.

Can you let us know if you have Yola Silver?
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
Yes I have Silver.
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
My current theme is country side which is a premium style.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Amar

You can add the logo to each page on your site by changing the site CSS. Here is the code to add:

div.ys_heading {
text-align:left;
width:956px;
margin:0 auto;
padding:10px 0 120px 0;
background:url('resources/pic.png') no-repeat;
}

Please make sure that your logo is in the File Manager of your site. Change the pic.png to the exact name of your logo file.

To add the CSS to your site:

  • Open the Sitebuilder.

  • Click on Style > Edit custom CSS. This will open the CSS screen.

  • Copy the code above and make sure that the file path for your picture is correct.

  • Untick the box labeled "Disable Site CSS Overrides".

  • Click "OK" to close the site CSS window and return to your Sitebuilder.



You will see your logo appear at the top of your web page. Here is an example of the code in the site CSS screen with the preview tab open.



I hope this works for you. Let us know if you need further assistance.

Nazlie
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
For some reason whenever I add this code it just makes the background colour turn brown?

Is this because it says "background:url", so it changes the background?

Amar
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Amar

The "background: url('resources/pic.png') no-repeat;" code is specifically to add your logo. Have you uploaded your logo to your File Manager? If so, please make sure that the picture file is named the same in the File Manager as in the CSS code you are adding.

Can you share the code you are adding as well as the URL of your site here so that we can take a look at it?

Nazlie
Photo of Amar

Amar

  • 201 Posts
  • 14 Reply Likes
Ahhh, I know what's happened. I deleted that code and it still stayed the same. So I checked the disable css overides box and it went back to normal. So there's probably a problem with the other code that's there.

EDIT: I just solved my problem, and deleted all the bad code. Now the logo is on every page! thanks heaps Nazlie!

Amar
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Glad to hear all has been sorted out Amar!