[NT_admin32]

I have tried for over a week using code & CSS to insert a second logo aligned right in the header of the Flatbase theme. It won’t work. I am using the Nice Theme customizer for the first logo (default-logo.)

Please can you tell me what I need to do in order to get the second logo aligned right & above the navigation menu ( after Contact Us).

I am using a Code Snippets plugin to add the additional logo code and custom.css for alignment. Nothing I’ve done works.

[Ricardo Aiello]

Hi NT_admin32,

Thanks for reaching us.

You should be able to do that by hooking into the nice_logo_before or nice_logo_after actions, which are executed right before and after the HTML for the logo is printed.

Please let me know if I can be of any further assistance.

Best,

Ricardo

[NT_admin32]

I found this hook in the header.php. Are you saying that I can copy and past the after to my Code Snippet as follows. Ive tried and the second logo is still not showing onthe site.

I even tried using the pesudo-element :after and that doesn’t work with . What is the proper syntax to add an image with this hook?….please.

Thanks!

[Ricardo Aiello]

Hi NT_admin32,

I’m saying that you can print custom HTML code after the logo using a function like this in your functions.php file:

if ( ! function_exists( 'custom_html_after_logo' ) ) :
add_action( 'nice_logo_after', 'custom_html_after_logo' );
/**
 * Print custom HTML after the logo.
 */
function custom_html_after_logo() {
	?>
		
	< ?php
}
endif;

The custom CSS you will need can be added either in the custom.css file, or in the theme options, in [ Nice Themes > Theme Options > Design & Styles > Custom CSS ].

Regarding giving you the proper syntax, unfortunately we can't assist you with theme customizations. Please read this article to understand the scope of our support.

Please let me know if I can be of any further assistance.

Best,

Ricardo

[NT_admin32]

I’m not trying to add custom code after the logo. I am trying to add a second logo using the pesudo-element ::after in (custom css)to place the second logo after the #navigation like this:
.col-full::after{
clear: both;
visibility: visible;
width: 100px;
height: 100px;
float: none
position: static;
overflow: visible;

.navigation::after {
content: url(micromax-logo.png);
height: 100px;
width: 200px;
}
But it’s not working. The logo does not appear. Can you be more helpful please?

[Juanfra Aldasoro]

Hello,

Thank you for the follow up. Unfortunately we can only bring support by helping our users use our products, and giving them an idea on how to create customisations which take a little more work to be done. We have explained this in the following article: http://nicethemes.com/article/support-vs-customizations/

Regarding the :after pseudo element, I’d recommend you to not use the classes .col-full and .navigation because they have other purposes (not related to the logo) and they are repeated in other places.

What Ricardo kindly explained, is basically how to print more HTML in the function that prints out the logo. We consider that would be the best approach for this case.

In the case you still want to do it via CSS, please be sure to use the background property instead of content. The content property has other purposes.

Best,
Juan.