Making site title larger
-
How do I make my blog title larger?
Amateur at CSS and was trying something like:
#site title {font size: 90pt;}
The blog I need help with is: (visible only to logged in users)
-
Hey! Thanks for reaching out to us with your query. You can use below CSS to make the blog title larger.
#site-title a { font-size: 50px !important; }Also, I find that it looks much better if its center aligned. So if you are OK to center align it then you can also add following CSS:
#site-title { text-align: center; } -
Thank you saynshare…..worked perfectly. Am I also able to change colors to title and page titles?
-
Hey! Sorry for the delay, I think I missed your reply!
Yes, you can also change colors to title and page titles. For example, for the page title on single page like About you can use following CSS.
h1.entry-title { color: #2C2C2C !important; }Feel free to change the “red” to something else you want. You may use this color picker to choose the color, copy the color code and use it in your CSS.
Do let me know if you need any further assistance.
-
-
Hi @disc440, add the following to your custom CSS and edit the color code as desired. I’ve used a bit different CSS selectors and also added the !important keyword. The keyword is needed to override the existing color which is a result of the settings in Custom Colors.
.entry-title, .entry-title a { color: #cc0000 !important; } -
-
- The topic ‘Making site title larger’ is closed to new replies.