Help with picture sizes, and link at bottom of page

Thanks for the kind words ??

On Post pages, the images keep a 2:1 aspect ratio at all screen sizes. For the actual size, 1000px wide will serve most screen sizes well, 2000px if you want them to look sharp on Retina screens too.

On the blog/archive pages with the Standard layout, the image ratio depends on the content. For instance, a longer title and excerpt will cause the image to be taller. I would size them based on the Post page, and they will look good on the blog as well.

For the link/title at the bottom, the following CSS will make it full opacity:

.site-footer h3 {
  opacity: 1;
}

You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

If you want to change the color of the title too, you can add a color property like this:

.site-footer h3 {
  opacity: 1;
  color: #3badc4;
}

Lastly, to adjust the logo size, add the following CSS to the Customizer via the “Custom CSS” section:

.site-title .logo {
  max-height: 9999px;
  max-width: 9999px;
}

This will remove any reasonable restriction of size. If you want to make the banner smaller, just reduce the max-width value until the image is the size you want.

Let me know if you have any questions along the way ??

Thank you! I do have one more issue: The site footer is blinking when I mouse over it. I’m not sure what I did to cause that. (???)

I would like it to remain solid, one color, all the time.

Here is my site: https://www.beatgoliath.com

Again, thank you so much. This is a completely brilliant theme, and perfect for touch screens. I will most certainly be buying an upgrade and I hope you do very well with it.

Thanks for considering an upgrade!

I wasn’t able to recreate the flickering issue when visiting your site. Could you tell me the browser that you’re viewing your site with?

P.S. Great domain name!

Thank you! I’m very happy with it, and your theme brings it all together.

I’m using Internet Explorer 11, and it installs new versions automatically. The thing about the footer is it blinks white and blue. Right now it says “BEATGOLIATH.COM”

???

David

David,

Thanks for the info. I checked it out on IE11 and was able to get it to flash white a couple times.

The issue may be due to the following invalid value in the custom CSS:

a:link {color: 333333;}

The “#” is missing before the color code, so it should read:

a:link {color: #333333;}

In case this doesn’t correct the issue, please try adding the following CSS:

.site-footer h3 a {
  color: #000 !important;
}

Please let me know if the above code works for you.

It totally worked! Thank you!

Next I’m going to buy the upgrade for videos. Thanks again!

You’re welcome, thanks for considering the upgrade ??

I just bought it!

Awesome, thanks!