Me gustaría cambiar Titulo de la Pagina por logotipo

• 

  capturasportialcoba · Member · Jul 19, 2016 at 3:16 pm

  • Copy link
  • Add topic to favorites

  Hola me gustaría cambiar el titulo de la pagina.

  Capturasport

  por un logo.

  Haber si alguien puede ayudarme.

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

• 

  capturasportialcoba · Member · Jul 19, 2016 at 3:29 pm

  • Copy link

  Logotipo Personalizado

• 

  capturasportialcoba · Member · Jul 19, 2016 at 3:30 pm

  • Copy link

  Hi I would like to change the title of the page.

  Capturasport

  by a logo.

  Haber if someone can help me.

• 

  thesacredpath · Member · Jul 19, 2016 at 8:25 pm

  • Copy link

  Hi, yes, this can be done with CSS. Are you talking about the site title at the top where it says 222.capturasport.com in the black band at the top?

• 

  capturasportialcoba · Member · Jul 20, 2016 at 5:56 pm

  • Copy link

  right, wanted to change http://www.capturasport.com for a logo

• 

  hallluke · Member · Jul 20, 2016 at 7:09 pm

  • Copy link

  You can use CSS based on the example below, you just need to add in the image URL you want to use from your media library and set the width and height to match the image:

  .site-title a {
    background-image: url("http:placehold.it/300x50");
    height: 50px;
    width: 300px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  
  h1.site-title {
    margin: 5px 0;
  }

• 

  thesacredpath · Member · Jul 20, 2016 at 7:30 pm

  • Copy link

  Hi, I looked in your media library and pulled out an image just for demonstration purposes. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. There are some changes that may need to be made depending on your final logo. This one doesn’t work too well since the text is so small at a smaller size.

  #masthead h1 a {
      background-image: url("https://capturasportcom.files.wordpress.com/2016/07/smalllogo-blanco.png");
      display: block;
      background-size: contain;
      background-repeat: no-repeat;
      height: 70px;
      color: rgba(0, 0, 0, 0);
      display: block;
  }

• 

  capturasportialcoba · Member · Jul 21, 2016 at 1:38 pm

  • Copy link

  muchas gracias a todos.

  perfect

• 

  thesacredpath · Member · Jul 21, 2016 at 7:22 pm

  • Copy link

  Awesome, and you are welcome!