Static home page title font size

Hey there Jill,

Hope you’re well today!

There is different CSS being applied for the titles on your home page. You should be able to change that with some custom CSS. Since Evolve has its own custom CSS tab in Appearance -> Theme Options -> Custom CSS please try adding the following code there:

.home .entry-title, .entry-title a, .archive .entry-title, .search .entry-title, .page-template-blog-page-php .entry-title {
  font-size: 40px !important;
}

This should make the title same as in your other pages. Normally I wouldn’t suggest the use of the !important declaration. However, it can sometimes be a necessary evil when over-writing existing styles. You can find more info on the use of important declaration here:

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception

Hope this helps ??

Best regards,
Bojan

Hi Bojan,
You are a star – it worked perfectly.

Thank you very much for your kind help.

Jill

Hey Jill,

Glad I could help! Have a great day!

Cheers,
Bojan

Hey,

do you know of a way to move adjust the position of the title within the header?

My title (Youth Ministry) is currently hugging the top of my site and not centreed. Here is the site:

test.eicanada.org

Hey there rootA,

I’ve checked your site and I’m not exactly sure what you’re referring to. If this is it https://screencast.com/t/IBcR0wOpUvDn then this should be possible to center with some custom CSS.

.entry-title, .entry-title a, .page-title {
  text-align: center;
}

If not please post link to the page directly or add a screenshot explaining the issue and I’ll be more then happy to assist you with it ??

Cheers,
Bojan

Hello Bojan,

Sorry about that, I tentatively took down the title until I could fix its position. The youth ministry title is now back up on the main page. The link is:

test.eicanada.org

Thanks again!

Hey again rootA,

I’ve checked your site and you should be able to center it with the following code:

div#logo {
  width: 320px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-top: 14px;
}

This should be the result https://screencast.com/t/1d5Zqutqs.

Hope this helps ??

Cheers,
Bojan

Thanks! ??
That worked perfectly!!

I am quite new to html5, but have experience with java, matlab and standard C. The thing that I have found strange with html is knowing what to address different aspects of your website so you can edit them. I have tried using entry title, page title, header, h1 etc. How did you know to address the title as the logo?

Hey again rootA,

Glad that worked ??

Well you can check that by using developer tools. For example in Chrome you can right click on the element and click inspect element and you should be able to see HTML of the page with that element selected and CSS that has been applied to that element, see screenshot https://screencast.com/t/LIysDq1Pfcyw.

You can find more info on how to use dev tool here https://developer.chrome.com/devtools.

Hope this helps ??

Cheers,
Bojan

You have just changed my life. That makes everything so much easier; I will be forever grateful. Thanks a million billion ?? ?? ?? ?? ?? ??

God bless!!

Glad I could help! ??

Have a great day!

Cheers,
Bojan