Add more logos with hyperlink

Hi, i’d like to add more logos with hyperink to other website in header and positioning it in the leftside of the header.
Can someone help me? Here i also attach an image as my guide.
Thanks before.

Hi @widyamuktiwaskito,

Thanks for writing in.

You can add an html code of images with link on your header part where it is located. I could not be able to give you the exact code because it is beyond the scope of our support however I could give you the file where the logo is located.

It is located in this path:

x\framework\legacy\cranium\headers\views\global_brand.php

Hope it helps.

Thank your for understanding.

So, is there a way i can do to upload the modified _brand.php to my site?
Do i should upload it to file location in my cpanel? or there is a way i can upload it inside wordpress dahboard?
Thanks.

Hi there,

You will have to install and activate a child theme first.

Once you have the child theme installed, you can login through FTP and copy the file global_brand.php which is in x\framework\legacy\cranium\headers\views and add it in x-child\framework\legacy\cranium\headers\views then make the changes in the file.

Hope this helps.

So, i have activate the x child theme, and when i check the path in my cpanel, it’s different path like you said. Is it oke? And, do i should place _brand.php that i have modified in “Integrity” folder (stack that i choose)?

Hi There,

You have to create new directory legacy\cranium\headers\views in your child theme.

After that copy the _brand.php file to this directory.

Regards!

Alright, thanks before for your help.

I have tried the customization, but honestly, i’m crap with php. So, it’s still doesn’t work in my case.
Is there any post in this forum that have similar cases as my case?

Hi There,

Ok lets make the instruction easier. First I advice you use FileZilla client for downloading and uploading the files on your site. Obviously you need FTP credentials, if you don’t have an FTP credentials please contact your hosting and ask how you can get one.

Now, after you’ve login to your server via FTP navigate to this directory

/public_html/wp-content/themes/x/framework/legacy/cranium/headers/views/global/

On that folder download the file _brand.php, open/edit that file with your favorite text editor (no not MS Word), if you don’t have any text editor yet, you can download the free sublime or the notepad++

On that file you’ll see this block of code.

<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
  <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>
</a>

That is the block that outputs the logo.

So you just need to duplicate that block but in a static HTML format. Take that code below as example:

<a href="SITE URL HERE" class="<?php x_brand_class(); ?>" title="">
 	<img src="LOGO URL HERE" alt="SOME ALTERNATIVE TEXT HERE">
</a>

Examine that code and give what it is asking for. You can add multiple of that if you need to, then save.

Then after you finish editing that file, go back to your FTP and navigate to this directory

/public_html/wp-content/themes/x-child/framework/legacy/cranium/headers/views/global/

If that directory does not exist then create the folders, make sure its the exact folder names. After you’ve created that directory upload the edited _brand.php there.

Then make sure your child theme (in Appearance > Themes) is active and you clear your browser’s cache and any caching plugin you might have before you preview the site.

Hope it helps,
Cheers!

Thank you for your help. I don’t want to cause you more trouble, but it still doesn’t happen even after i followed your instruction. As you see in my attachment, the logo still only one appear in the center.
I know it’s beyond your support, but is it possible that there’s mistake i made in attempt to achieve what i want?
I have followed your instructions through this step:

  • activate x-child theme
  • duplicate _brand.php from x theme
  • modified it with the code you mention
  • upload modified _brand.php to path folder in x-child via FTP
  • After i cleared cache in my browser, i check the site. But, it’s still the same as before.
    If you still help me pointing out the mistake i made, i will be grateful.

Thanks before.

Hi There,

Sorry, floating the logos to the left was not really part of my instruction above :slight_smile: the following CSS code does that.


/*float logos to left*/
.masthead-stacked .x-brand {
	float: left;
}

My instruction above is focus on adding multiple logos.

Maybe this is the best time you provide us with wp-admin and FTP credentials (in a Secure Note), so we can take a look what did gone wrong there.

Cheers!

Hi there,
I have applied the logos to the left with your code, the main logo is happen to the left but there is still no other logos appear.
So, if you kindly check to my Cpanel what i did wrong there, i will be grateful.

Hi There,

Thank you for the credentials, you have the _brand.php file under the /wp-content/themes/x-child/framework/legacy/cranium/headers/views/ directory, You forgot the global folder.

I did go ahead and added the global folder and the other logos shows up now (https://prnt.sc/grij6g)

Add the following CSS code if you need space between the logos.

/*space between the logos*/
a.x-brand.img {
	margin-right: 2%;
}

Feel free to adjust the 2% value.

Hope it helps,
Cheers!

Hi there,
I would like to say thank you for fixing the issue. Now the logos in the header has been completed.
Your support is always amazing. Keep up the good work guys!!
Once again, thank you

Glad to know everything is in order now, @widyamuktiwaskito! :slight_smile: