logo

• 

  rahimimaryam · Member · May 25, 2016 at 6:34 am

  • Copy link
  • Add topic to favorites

  I want to add the logo and name of the company on the top of the web page but it seems that the theme that chose doesn’t support. How can I use the css code to solve the issue?

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

• 

  carladoria · Member · May 25, 2016 at 2:58 pm

  • Copy link

  Hi there,
  Twenty Fourteen doesn’t support logos. I strongly suggest you choose another theme that supports logos.
  However, if you want to remain with your theme, as a “partial” solution we could tweak one of your sidebar widgets over the header to make it look as a logo. But, the position of this widget will depend on the size of the header which varies from page to page. For example, you can change the position of your text widget called “our mission”. You can check how it would look by adding the following CSS: (My Sites >Customize>CSS)

  aside#text-3 {
  position: relative;
  z-index: 4;
  margin-top: -700px;
  margin-right: 80px;

  }

  aside#text-4 {
  margin-top: 700px;
  }

  If you decide to give this solution a try, I suggest you use an image widget for your logo instead of the text one, and I can help you relocate it. Note the CSS above is only for text widgets.

• 

  siobhyb · Member · May 25, 2016 at 3:12 pm

  • Copy link

  Hi there,

  In addition to Carla’s suggestion of using an image widget, you could also consider adding your logo as a background image to your site title with the following CSS:

  h1.site-title {
      background-image: url(IMAGE_URL);
      background-repeat: no-repeat;
      padding-left: 200px;
  }

  IMAGE_URL should be replaced with the URL to your logo and the value of padding-left should be equivalent to the logo’s width.

  If you can upload your logo to your media library and tell me its name, I’ll be happy to help with some more specific CSS.

• 

  carladoria · Member · May 25, 2016 at 3:17 pm

  • Copy link

  @siobhyb that’s an excellent option! why didn’t I think of that before? :)

• 

  kostaspapapostolou · Member · May 25, 2016 at 6:19 pm

  • Copy link

  any chance I can place a logo (either as header image or as widget) to the top of my site next to adword banner?
  theme: P2 – http://www.oikotimes.com

• 

  kathrynwp · Staff · May 25, 2016 at 9:45 pm

  • Copy link

  fotiskonstantopoulos – could you please start your own thread and provide a link to the file you’d like to use for your logo? Thanks.