Entrepreneur theme: change of logo in a page

• 

  costasatucf · Member · Mar 30, 2019 at 9:11 pm

  • Copy link
  • Add topic to favorites

  Hi. I am new to WordPress and I am building a website using the Entrepreneur Theme. I am learning slowly how WordPress has written the automated scripts and how it has named various actions and items. I need to finish some pages fast and I would like to know how I can replace the default logo with a different logo in a single page. In particular, this is the `Philanthropic Episkyros’ page in the episkyros.org site. If someone knows, I would be grateful.

  A more general question is the following. Looking at the above mentioned page, the replacement of the header picture, title, tagline has resulted in some extra space between them and the main menu. It seems that the way that I have done the replacements is not optimal. So, the general question is
  `Is there an optimal way to replace the header, logo, title and tagline in a single page?’

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

• 

  khushbudesaiblog · Member · Mar 31, 2019 at 2:03 pm

  • Copy link

  Hi @costasatucf,

  I have tried the following CSS code. It turned out as per this screenshot. https://imgur.com/a/leMYHek

  .twelve, .eleven {
  width: 100%;
  height: 40px;
  }

  .site-title span {
  display: none;
  }

  I hope this what you have been looking for.

• 

  costasatucf · Member · Apr 1, 2019 at 3:12 am

  • Copy link

  Hi. Thanks for the reply. Actually the screenshot looks like the way the page appears right now in the site.

  If you look at the home page, the default logo prints on the left side of the header image. For the page under discussion though, I have de-activated the default logo. I would like to place a different logo on the header image. That is, what I am not sure how to do is how to take any picture and use it in place of the default logo in this page.

• 

  khushbudesaiblog · Member · Apr 1, 2019 at 6:36 am

  • Copy link

  Hi there,

  The code I gave you which is for the page https://episkyros.org/philanthropic-episkyros/

  As you mentioned in your first reply to eliminate extra space between site logo, title and menu

• 

  khushbudesaiblog · Member · Apr 1, 2019 at 4:28 pm

  • Copy link

  Hi there,

  Please correct me if I am wrong. you want a different logo for each page. It m.
  ay happen some page does not have a logo.

• 

  costasatucf · Member · Apr 1, 2019 at 7:51 pm

  • Copy link

  Thanks for the explanation. Actually the code almost works. Since I am changing the title, it prints the tagline a little further away. What does .eleven and .twelve control?

  ————————————————————-
  Incidentally, here is my current code (as I have adopted it):

  .page-id-185 .twelve, .eleven {
  width: 100%;
  height: 40px;
  }

  .page-id-185 .site-title span {
  display: none;
  }

  .page-id-185 .site-title:after {
  content: “Philanthropic Episkyros”;
  visibility: visible;
  }

  .page-id-185 .site-description {
  visibility: hidden;
  }

  .page-id-185 .site-description:after {
  content: “Training for the Promising Underprivileged Student-Athlete”;
  visibility: visible;
  }
  ———————————————————-

  Regarding the logo, I do not want a different logo on each page. I want to change the logo only on this page (and eventually all its children if I create such a tree of pages). Effectively, I want something like the above code that places a new logo on the page with page-id 185.