Expanding Title Size

godin3 · Member · Apr 28, 2015 at 4:51 pm
Copy link

Add topic to favorites
Hi! I’ve got custom CSS and have set my Title to be bigger than the default size. However, whenever you visit the site, the title initially appears at the default size, then “expands” to the customized size, almost like an animated feature. Not cool :(

Any thoughts?

Thanks!
Christopher

The blog I need help with is: (visible only to logged in users)
nizamilputra · Member · Apr 29, 2015 at 12:40 am
Copy link
Hi there,

Please try to add this css, and I hope it will helps you;
```
.entry-title a{
 transition: color 0.5s ease-out 0s;
}
```
Let me know if you need another helps.
godin3 · Member · Apr 29, 2015 at 2:43 pm
Copy link
Thank you. Doesn’t seem to be working, unless I entered it wrong. I currently have nothing else in CSS. Do I need any other symbols? I literally copy/pasted what you suggested with nothing else in CSS.
laviepartagee · Member · Apr 29, 2015 at 4:29 pm
Copy link
Hi, I have the zuki theme and wanted to increase the size of the title. how do i do that?
laviepartagee · Member · Apr 29, 2015 at 4:29 pm
Copy link
Hi, I have the zuki theme and wanted to increase the size of the title. how do i do that?
nizamilputra · Member · Apr 29, 2015 at 10:07 pm
Copy link
@godin3, I think you forget to add “s” at the end of css property, it should be like transition: color 0.5s ease-out 0s; :)

@laviepartagee If you don’t mind you can create new thread related to your problem :)
godin3 · Member · Apr 29, 2015 at 10:22 pm
Copy link
Guess what? The “s” is removed after I save and revisit the page – weird!!!

I’m simply copy/pasting your code above, then hit save, and after I refresh, the s is gone…
nizamilputra · Member · Apr 29, 2015 at 10:31 pm
Copy link
Hmm.. it’s weird. How about try to change with transition-property instead of transition. Here is the code;
```
.entry-title a {
  transition-property: color;
}
```
godin3 · Member · Apr 29, 2015 at 11:10 pm
Copy link
Didn’t work. Thanks for trying. The s does not stay…
nizamilputra · Member · Apr 30, 2015 at 12:31 am
Copy link
No, I mean we just use transition-property: color; without time (s) value. Just copy paste this code, replace the old one.
```
.entry-title a {
  transition-property: color;
}
```
godin3 · Member · Apr 30, 2015 at 1:45 am
Copy link
Didn’t work :(
godin3 · Member · May 1, 2015 at 2:16 am
Copy link
Still not working :(
godin3 · Member · May 1, 2015 at 3:50 am
Copy link
I really need help soon, so I’m going to re-ask in the general support forum.
nizamilputra · Member · May 1, 2015 at 6:09 am
Copy link
It works on mine. I’ll try to call staff to help you.
pmciano · Member · May 2, 2015 at 2:31 pm
Copy link
@godin3

Try using the following CSS:
```
/* Adjust Site Title Size */
.site-title a {
	font-size: 1.5em;
}
```
If you have additional customization questions, please try posting to our CSS Customization forum:

https://en.forums.wordpress.com/forum/css-customization

When you create a CSS-related help request, please make sure to select or link to the WordPress.com site you’re working on and include a clear description of the change you’re trying to make.

Let us know if you have any more questions.
godin3 · Member · May 2, 2015 at 4:09 pm
Copy link
Thank you, pmciano. I’ve copy/pasted your code; however, there is still animation. Except now, the “animated” effect appears to be the change in type only, i.e., from the default type to Futura PT, the font I selected in Customization.
pmciano · Member · May 2, 2015 at 7:45 pm
Copy link
@godin3

Try replacing the CSS I gave you with this:
```
/* Adjust Site Title  */
.site-title a {
	font-size: 1.5em;
	font-family: futura-pt, Lato, sans-serif;
	font-weight: 300;
}
```
@laviepartagee

Please try posting to the Zuki forum here:

https://premium-themes.forums.wordpress.com/forum/zuki

If you don’t hear back from the theme developers, let me know, and I will be happy to assist you.
godin3 · Member · May 2, 2015 at 7:56 pm
Copy link
Still expanding, though I noticed it doesn’t change fonts. So maybe we’re halfway there!
godin3 · Member · May 2, 2015 at 8:03 pm
Copy link
The “G” is different too. This is so bizarre! Gees…

When I’m on the Customize page, the G looks correct, but after I Save and close, it turns into another G.
godin3 · Member · May 2, 2015 at 8:05 pm
Copy link
The Futura G does not have a vertical bar at its base like this “G”: it’s completely circular.

No items found.