how to remove the paddings from the logo?

(2 posts) (2 voices)

Tags:

JoelGalvao
Member

Hello,

I'm working on a new website http://www.transformaresquerda.org/.

I've uploaded the logo, but I don't want to have any kind of margins between it and the background. Could anybody help?

Posted 1 year ago #
vfxdude
admin
first off, you need to enable this theme setting: "Cache the settings stylesheet (use css file instead of php)", since the styles from the settings are not coming through the dynamic way, for some reason. It's better to cache it anyway though, it speeds up the website.

Here's some code to remove the paddings of the logo (add it to functions.php (before the ?>)):
```
function customLogo() {	?>
  <div class="inside" style="overflow:hidden;">
     <a href="<?php echo get_option('home'); ?>">
        <img src="<?php getLogoURL(); ?>" />
     </a>
  </div>
<?php }
add_action( 'bf_top', 'customLogo' );
```
Deactivate "Show the Logo" in the theme settings. This code uses the uploaded logo, but adds it outside the container to remove the paddings. If you want a top margin or more styling it's best to add that in style.css. Adding this code into a child theme might be smart though, but it works fine to add it to functions.php of the main theme too.
Posted 1 year ago #

Reply

You must log in to post.