Suits Theme – Add logo image

• 

  odraregi · Member · May 6, 2015 at 4:15 pm

  • Copy link
  • Add topic to favorites

  Hi Guys,
  I want use the Suits theme for my blog website, but i see it not possible add the logo image but only the header.

  Somebody know how to add the logo image with CSS code?
  I think if add the logo image, in the smartphone browser should be fine, right?

  Actually my blog have Sela theme so i can add the logo image, but i want use Suits.

  My website: gerardopandolfi.com
  Host: wordpress.com

  Thanks a lot

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

• 

  thesacredpath · Member · May 11, 2015 at 4:24 pm

  • Copy link

  Where do you want to add your logo? We could add it to the site-title div or into the masthead. Not knowing the size or nature of your logo image, I can’t say for sure if that is the best place for it. What you have on your site with Sela is really too large to use as a logo. Have you designed a different one and have you uploaded it to your Media Library? If so, can we have a link to it to see what we can do.

• 

  odraregi · Member · May 11, 2015 at 4:29 pm

  • Copy link

  Hi, now used the Sella theme because waiting to understand how to add logo image in the Suits theme. The logo image have this link:https://gerardoalessiopandolfi.files.wordpress.com/2015/05/logobw_sovrapposizione.png
  and size is: 830×114 but if need i can resize.

  I need to add logo image and try if working also in mobile browser.

  Thanks

• 

  thesacredpath · Member · May 12, 2015 at 12:22 am

  • Copy link

  Great, thanks for the link. To add your image to Suits, add the following CSS.

  .site-header .home-link {
      background: url('https://gerardoalessiopandolfi.files.wordpress.com/2015/05/logobw_sovrapposizione.png') no-repeat scroll center center / contain transparent;
  }
  .site-title, .site-description {
      color: rgba(0, 0, 0, 0);
  }

• 

  odraregi · Member · May 12, 2015 at 7:16 am

  • Copy link

  Good working fine! i have another question: do u know how modify the right sidebar/main sidebar width?
  because now the youtube video preview are small…if it possible modify the width for ex 300 or 350px

  thanks

• 

  thesacredpath · Member · May 12, 2015 at 2:39 pm

  • Copy link

  Hi, that’s great. Currently when the browser window is wider than the content area (1180px) the video in the sidebar is about 250px wide. Add the following, but for the videos to resize, you may have to open the text widgets at Appearance > Widgets and resave. If that doesn’t work, try removing the text widgets and then add them back in and paste in the youtube shortcode. On my test site, the videos did come in at the wider width, but I added the video after I widened things.

  .site {
      max-width: 1280px;
  }
  .sidebar-widget-area {
      width: 350px;
  }