Different logo from footer

• 

  9thartwave · Member · Mar 17, 2017 at 5:31 pm

  • Copy link
  • Add topic to favorites

  Hi, how can I have a logo on my homepage (top left corner) and a different footer (text or other logo)

  At the moment I have a CSS code to have nothing on the footer

  thanks

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

• 

  thesacredpath · Member · Mar 17, 2017 at 8:53 pm

  • Copy link

  Hi there, remove the rule you used to hide the footer logo and then add the following. I randomly grabbed an image from your media library to use in the following code. You can replace the URL of that image with the image you wish to use.

  .footer-site-branding img {
  	visibility: hidden;
  }
  .footer-site-branding {
  	background: url('https://panosantonopoulosdotcom.files.wordpress.com/2017/03/p-man-ghost.jpg') no-repeat scroll left top / contain;
  }
  .footer-site-branding .custom-logo-link {
  	display: block;
  }

• 

  9thartwave · Member · Mar 20, 2017 at 5:04 pm

  • Copy link

  Thanks,

  I find it simpler to use the footer widgets though. Btw, how can I edit the widget? For instance, I want to move the pic on the left (not in the center) and have the text (email and 2 tel numbers) in one line if possible.

• 

  9thartwave · Member · Mar 20, 2017 at 5:31 pm

  • Copy link

  btw, how can I have the Title (Panos Antonopoulos) in one line?

  (sorry for all those questions, but I just changed the theme after 3-4 years and I am almost building my website from scratch)

• 

  thesacredpath · Member · Mar 20, 2017 at 9:00 pm

  • Copy link

  For your site title, we can get it onto one line all the way down to 500px in width, but below that it would overlap on the menu/search, so I’ve limited this change to 500px and wider screens/windows.

  @media screen and (min-width: 1366px) {
  	.site-branding {
  		width: 350px;
  	}
  }
  @media screen and (max-width: 1024px) and (min-width: 500px) {
  	.site-branding {
  		max-width: 350px;
  		width: 100%;
  		padding-right: 0 !important;
  	}
  }

  On the footer widgets, first off go into the contact info text widget and put everything all on one line (no returns between them and then you can insert a period, or perhaps some other symbol between the sections, and save. Then add the following custom CSS.

  .site-footer .col-sm-7 {
  	width: 100%;
  }
  .site-footer .col-sm-6:first-child {
  	float: left;
  	width: 45%;
  }
  .site-footer .col-sm-6:last-child {
  	float: right;
  	width: 45%;
  }
  .site-footer .col-sm-6 #text-8 {
  	float: right;
  	width: 100%;
  	max-width: 100%;
  }
  .site-footer .col-sm-5 {
  	width: 100%;
  	text-align: center;
  }

• 

  9thartwave · Member · Mar 21, 2017 at 8:46 am

  • Copy link

  Thanks, but the line on the footer it still does not go into 1 line

• 

  thesacredpath · Member · Mar 22, 2017 at 12:31 am

  • Copy link

  See my reply in the other thread. It is an issue with the labels you had entered causing a syntax error.
  https://en.forums.wordpress.com/topic/sidebar-in-eris-theme?replies=5#post-2900710