How to put my logo name next to my logo

• 

  egm28 · Member · Jun 13, 2016 at 1:35 am

  • Copy link
  • Add topic to favorites

  Hi:

  If I wanted to place my personal logo name next to my personal logo, what would be the code to do that? I’ve been looking around the net and the closest thing I came up with was the following:

  .site-branding {
  background-image: url(‘https://ebonymcfarland.files.wordpress.com/2016/06/ebony-mcfarland_wordpress-heading-4.jpg’);
  background-repeat: no-repeat;
  height: 80px;
  width: 100%;
  overflow: hidden;
  margin-right:50px;
  }

  I couldn’t move the logo name to the right. Any help would be appreciated.

  Theme: Sketch
  Website: https://ebonymcfarland.wordpress.com/

  Thank you in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  carladoria · Member · Jun 13, 2016 at 9:39 pm

  • Copy link

  Hi there,
  Take into account that the CSS you’re using above will affect both your logo and your name log (the one you want to add).
  If this CSS is achieving your results and you only need to move everything to the right, then add the following:

  .site-branding {
  background-image: url('https://ebonymcfarland.files.wordpress.com/2016/06/ebony-mcfarland_wordpress-heading-4.jpg');
  background-repeat: no-repeat;
  height: 80px;
  width: 100%;
  overflow: hidden;
  margin-right:50px;
  position:relative;
  left:50px
  }

  Adjust “left” according to your needs.

• 

  egm28 · Member · Jun 13, 2016 at 10:55 pm

  • Copy link

  I had to fudge the numbers a little and also add in a “background-position” code to move over my name logo. Thank you very much for your help.

• 

  carladoria · Member · Jun 14, 2016 at 12:32 am

  • Copy link

  Glad to know that it worked in the end!