I've been publishing lots of Dynamic View basic customization tutorials lately. All these tutorials are so gonna be moot when the option to customize Dynamic View becomes available. For the mean time, let's focus on this good question that I got from blog reader रवि. He wants to change the color and font size of his Dynamic View's blog title. And here's how.
If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
You can get a personalized color by replacing the text 'blue' or 'black' with a hex code, like '#0033CC'. Generate your own hex code by visiting the link below:
Hex Color Code Generator
If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
#header.header .title a h1{
color: blue;
text-shadow: 1px 1px 1px black;
font-size: 56px;
}Change the values above accordingly. - Color - controls the main color of your blog title
- Text-shadow - Controls the outline of your blog title. By default it is set to white. Feel free to play with the values.
- Font-size - Controls your blog title's font size. By default it is set to 28px.
You can get a personalized color by replacing the text 'blue' or 'black' with a hex code, like '#0033CC'. Generate your own hex code by visiting the link below:
Hex Color Code Generator
Hi! Thank you so much I been searching all over how to change the title in dynamic view. This was the closes!!!! I would love to input an logo but have no such luck. I tried various code but none work. Would love your help!
ReplyDeletecolor and size yes. but how do i change the font of blog title? i need a funky font. logopixy has closed. referred cooltext. but am not able to select a font alone...it comes with a "logo" option wherein the box comes along with it. am not able to knock off the box and have the font alone. pl help.
ReplyDeletei want to post in ask a question. but cant find the "click on the link below"? cant find any link. i've two questions and a thank you for you.
ReplyDelete@MuseElle: Check out the link below. This one is for you.
ReplyDeleteAdd Header in Blogger Dynamic View
@the Junkie book: Thanks for letting me know. I've fixed the link now. As for changing your blog title's font in Dynamic View, what font are you going for? I'll see if I can do anything about it. But right now it doesn't look like we can change to web-fonts yet.
This comment has been removed by the author.
ReplyDelete@Kaynan: Bigger is always better :)
ReplyDeleteCheers.
How can I space out the pages tab? Theres too much much space after the last title
ReplyDelete@Tammy: Add this to your CSS:
ReplyDelete.header-drawer #pages.tabs ul li{
display: block;
margin-right: 80px;
float: left;
}
Adjust the value '80' accordingly. If you have further questions that are not related to the tutorial in this post, kindly see this page --> Ask A Question
How do I change the font size of blog posts in Dynamic views? Not the header but the actual posts? I've tried to figure out what the code is (.page, .post, .main) to no avail.
ReplyDelete@Shepherd: You can use the post editor to change the font size for some of the views.
ReplyDeleteAnd use the following CSS to apply a uniform standard across all view:
div.summary, div.article-content, div.item p.summary{
font-size: 20px !important;
}
Cheers.
I've tried to use this CSS but it doesn't seem to be working for me.
DeleteI just can't seem to change the size of my post text in Dynamic Views - I've tried it 2 or 3 times. What am I doing wrong?
http://archivistscribbles.blogspot.com.au/
Well, for once, this tweak is to change Blog's title text (not post text). Second, this tweak is for dynamic view templates only. You're using an Awesome Inc template.
DeleteYou have a much simpler option. Have you tried Dashboard - Template - Customize - Advanced - Page? See attached screenshot below:
http://i.imgur.com/uVwXV.png
All the best!
Ok - thanks for the corrections :)
DeleteI have tried the simpler option you suggest a couple of times. But nothing changes to the text in the blog post itself... although it seems to change the date, label info etc at the end.
I've individually changed every post to Arial, but can't get the font size to increase.
I think I can see the problem. Tell me something Albert, did you compose your pose directly on Blogger's editor, or did you compose it elsewhere (say, Microsoft Word) and then transferred it to Blogger's editor before publishing it?
DeleteYour totally right. I worked out the problem last night. Like a noob, I'd been cutting and pasting all posts from Word.
DeleteI've since been through every post and fixed the html to font.size=normal and life is sweet again.
Wont be making that mistake again.
Thanks for your help on this and other questions too.
No problem at all, Alli :)
DeleteIn Dynamic View is there a way to change the font in the post title and body to a custom font such as 'century gothic'? Thanks in advance! Your site has helped me alot! :)
ReplyDelete@Marky Marc: Unfortunately, 'Century Gothic' is not a web-font. You can't readily use non-web-font in Blogger.
ReplyDeleteThanks for letting me know. Here's another question. How can it change the background color on the front content magazine page only...and not affect any other views or pages. I tryed ("#items li, .overview-inner, #content, .item.hentry.selected, .item.hentry.open, .item.ybyss, #feature, .overview-inner, .column .item, .viewitem-content {
ReplyDeletebackground: #FF8809 !important;
}
.items.hfeed{
background: transparent !important;
} ")
but it changes the other main pages also. Thanks again for your help. :)
@Marky: Add this to your css:
ReplyDelete#content #lead, #content #feature, #content #fold{
background: #FF8809 !important;
}
Cheers! :)
YES! That's it! Works perfect. Thank you SO much :) You are the best. Cheers!
ReplyDelete-Marky
@Marky: No problem. Have fun! Cheers.
ReplyDeleteYou saved my life! Thanks!!
ReplyDelete@Yasmeen: Happy to help :) Happy blogging..
ReplyDeleteI was using the magazine view on one of my blog as I like the way it presents each post. But like most who don't use CSS, I can't do much customization. What I wanted to know though is whether we can add an ad code using CSS that will appear within the body of a post. What I am doing now is just placing them on the body as I am writing my post and so I have to do it on every post. This is what made me switch back to my old template.
ReplyDelete@Julius: CSS is only useful when it comes to styling. Adding an ad will require you to insert code into your template, and CSS can't handle that. The slightest access we have to HTML now is via posts, and seems like you've already figured that out.
ReplyDeleteThat being said, my AdSense works fine in DV. If your ads are from AdSense, you can have it working in your DV as well. Cheers.
How can I change font-type for all my posts (i want text in posts similar to "Coming Soon" font ) ?
ReplyDeleteYou can change your post font using Template Designer. Go to Dashboard - Template - Customize - Advanced - Page - Font - Coming Soon.
DeleteCheers :)
Ok, I used your CSS
ReplyDeletediv.summary, div.article-content, div.item p.summary{
font-size: 20px !important;
}
To get bigger Post text. PERFECT !! But now the Post Title looks too small. What Css can I add to control The Post Title size?
Thanks. By the way. You are awesome.
Hi there mate,
ReplyDeleteAdd this to your CSS:
.article-header h1.title{
font-size: 24px !important;
}
And thanks for the feedback :) Cheers!
Bang on !
DeleteThanks again.
No problem :)
DeleteI'm just wondering, is it possible to change the post title size of it, before it expands into full view? Like for example when you've just entered the blog and all you get is a preview of the actual post. Cos all I've managed to do it change the size of the post title when it's already expanded.
ReplyDeleteHi Clare,
DeleteYes it is possible. Are we talking about making the size larger for all 7 dynamic views, or just the default view? It'll be helpful if I could have a look at your Dynamic Views blog.
Cheers!
Hi clare,
DeleteIs this about right?
h3.title{
font-size: 18px !important;
}
THANK YOU SO MUCH! :) You're awesome! Works like a charm. Which part of Malaysia are you from? :D
DeleteYou're most welcome :) I'm from the mystic land of Malacca...
DeleteHahhaa. Oh Malacca, awesome! :) I'm from Ipoh:D But studying in Penang.
DeleteNice to meet you Clare :)
DeleteHi Yoboy! Just wondering if there is a way to change the 'link font' to a custom font? I am using this: font-family: "Avant Garde", "Century Gothic", sans-serif; (seems to work as long as you have those fonts installed on your pc.) I would like to change the link font on the page only not the gadget or header bar.?
ReplyDeleteThanks for all your help!
-Marc
Hi Marky,
DeleteUnfortunately, Century Gothic isn't one of the supported Google Fonts. We can only add Google Web Fonts to Blogger.
ok so what about (font-family: 'Questrial', sans-serif;) ? I installed that in the html but need css code to change the Link Font? Cant figure that out. Please help :)
DeleteThank you! :)
Hi Marky,
DeleteEdit your HTML, and add the following directly above <b:skin> :
<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'/>
Next, add this to your CSS:
#main a{
font-family: 'Questrial', sans-serif !important;
}
Cheers!
Hello,
ReplyDeleteI changed the size and the font and the shadows but if i choose a big size like 160px; it doesn't fit in to the container.
It kinda looks cool but where should I add in the height parameter? There are so many different type of header properties, couldn't find which : }
Thank you in advance.
I know what you mean. See the following post, it will help. You need all those attributes, except for line 22. Be careful when you're changing the values in the attributes. All changes made must be uniform (eg: if u reduce the top-most value by 34px, then all values must be reduced by the same amount).
DeleteLet me know if you need further help :)
http://www.southernspeakers.net/2011/10/add-header-in-blogger-dynamic-view.html
Alright!
DeleteThanks for the quickest reply!
Will leave a comment when it's done.
Cheers!
: )
All the best :)
DeleteHello, I had the same issue as Pekiboy. I tried the suggest you gave them and did it exactly, but when I did it it reverted a few of the ohter changes I had made. I just want the space where my blog title is to have more height so it doesn't chop off the lettering.
DeleteAny help would be great, thanks :-)
Hi Li Li,
DeleteSorry for the late reply. Try this:
#header .header-drawer.sticky, #header .header-drawer {
top: 84px;
}
#header .header-bar{
height: 115px;
}
#header:hover .header-drawer, #header .header-drawer.open, .header-ssyby, body.viewitem-open #header .header-drawer {
top: 115px;
}
#header-container {
height: 155px;
}
.viewitem-panel .viewitem-inner {
top: 50px;
padding-bottom: 70px !important;
height: auto !important;
}
#header-container #header.header .header-bar span.title{
text-align: center !important;
height: 115px;
}
#header.header div.header-bar span.title a h1{
position: relative;
top: 20px !important;
}
Cheers :)
Hey there do you know if it's possible to change the font size of the text in the sidebar (from sidebar dynamic view) just because it seems too small to me
ReplyDeletehere's my blog
nothintodohere.blogspot.com
I do actually :) Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
Delete#sidebar .item .title a{
font-size: 15px;
}
Cheers!
Thanks, may I also ask you what would you advice me to improve in my blog regarding this kind of css stuff we can change?
DeleteHi BH,
DeleteThat's hard to answer. It's like asking what car I'd recommend to you. You let me know what you'd like to do with your blog, and I'll tell you how to go about it :)
Hi, i think you are just awesome!!!!! i'm an IT idiot , but following ur blog i guess i could come out with something really impressive! Thanks alot!
ReplyDeleteYou're most welcome. Sooner or later, you'll get the hang of it. Trust me :)
DeleteHi! I've read your tutorials, and since I'm a newbie here, it's really helped a lot. but i've got more to figure out, esp this. I'm using the dynamic view, how do i put the blog title/description under the header? hope you can help. thanks!
ReplyDeleteHi Jonnie,
DeleteGlad you're personalizing your blog a lot. About your question, we might be able to do it (not sure, I need to give it a try first). But we need to fix your header first. Your header seems to be overlapping with your header-bar. Is this by design?
Would love to see if you resolved this. Can you place the blog description under the title?
DeleteHi Boston,
DeleteUse this for your blog:
.header-bar span.title a{
position: relative !important;
display: block !important;
margin-bottom: -40px !important;
}
Cheers :)
Hi, I have done the same for my blog but I want the blog name & description a bit in the middle from above I mean center-middle instead of center above. (prettygloss.blogspot.com)
DeleteSarah
Hi Sarah,
DeleteHave you got this sorted?
Hiya,
ReplyDeleteThanks a lot for all the tutorials, they're really excellent. I've been trying (like the guy above) to increase the font size to 100px or so, but when I do that there isn't enough space in the container.
I know you directed a guy before to the 'add header' post but when I copy in that code and change the pixels (i am definitely changing all the variables by the same amount) all the blog does is put a massive blank space between the title and the header bar, regardless of the pixel size I input.
Sorry I'm pretty crappy at computers, but I'd love it if you knew a way I could make that space appropriately large for a bigger blog title.
Thanks
my blog is at www.whitenoisereview.blogspot.com if it helps
ReplyDeleteHi Tom,
DeleteI've prepared a code for, just add it to your CSS:
#header .header-drawer.sticky, #header .header-drawer {
top: 79px;
}
#header .header-bar{
height: 110px;
}
#header:hover .header-drawer, #header .header-drawer.open, .header-ssyby, body.viewitem-open #header .header-drawer {
top: 110px;
}
#header-container {
height: 205px;
}
.viewitem-panel .viewitem-inner {
top: 45px;
padding-bottom: 65px !important;}
#header-container #header.header .header-bar span.title{
margin-left: auto !important;
margin-right: auto !important;
height: 110px;
}
#header.header .title a h1 {
top: 20px !important;
font-size: 100px;
}
Cheers :)
Thanks! The code is perfect :)
DeleteI still have a couple of issues with all this though. I thought I'd ask just in case you know a way to fix them-
-My gadgets overlap the scrollbar on static pages
-The pages in the header bar aren't aligned with the title (if I increase the % they just turn into a drop down menu)
-There's now quite a lot of ugly dead space actually in between the header bar and the start of the first post.
You've already helped me so much so don't worry if you don't know / have time to fix these issues, but I just thought there's no harm in asking!
Thanks again so so much :)
Hi Tom,
Delete1) Replied your other comment.
2) Can you take them out the drop-down menu so that I can have a look? And what do you mean aligned with the title? Do you want them to start in the middle of the header bar?
3) Sorry bout that. In my previous code, change this:
#header-container {
height: 205px;
}
to this:
#header-container {
height: 150px;
}
Sorry to bother you again, but I'm also having a problem with the gadgets overlapping the scrollbar on static pages. I saw on the comments section of another post you suggested an html code to put at the bottom of the static pages to stop this from occurring, but for some reason it didn't work, I tried it a few times. Thanks again :)
ReplyDeleteMy blog is at www.whitenoisereview.blogspot.com by the way, wouldn't look the way it does without your helpful tips!
Hi Tom,
DeleteEdit your static page - Switch to HTML view - Place the following:
<style>
#gadget-dock{
right: 17px !important;
}
</style>
You gotta do it for each static page that you have in your blog.
how do i change the font size of blog description?
ReplyDeleteHi SVC,
DeleteGo to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
#header .header-bar .title h3{
font-size: 18px !important;
}
The default font size is 20px..
All the best! :)
I've been scouring your sight for days and have found a ton of useful information. I used some info found here to adjust the font size in my posts, but how do I adjust the post titles? if I specify it in blogger, nothing happens. I can change the title color, but not the size. Same with post font size. I used your suggested code:
ReplyDeletediv.summary, div.article-content, div.item p.summary{
font-size: 18px !important;
}
To adjust my overall font size and I thought this might be preventing me from adjusting the post title size, so I removed and tried again.. fail. Any ideas?
www.nicholsnarrative.com
Hi Thomas,
DeleteThanks for the support and feedback. Try this to increase your post title size:
.article-header h1.title a{
font-size: 30px !important;
}
And this for the post content size:
.article-content{
font-size: 20px !important;
}
Add the code to your 'Add CSS' box in template designer. Cheers :)
Hi,
ReplyDeleteI've been trying to figure out these days why i can't customize my dynamic view -magazine.. Every time I try to change font, color etc,[i also tried add CSS] it doesn't show up when i click "apply to blog" button. there's no such thing as "template applied".
I tried to refresh the page again and then repeat to set my desired customization but still nothing happens.!
what do you think is the problem?
thanks!
Hi Kyle,
DeleteYou're not the only one afftected. Here's a whole discussion thread on the issue:
https://productforums.google.com/forum/#!topic/blogger/S_uVwRQQrOY
And some users reported success with Internet Explorer. Give it a whirl. We're still waiting for Google to fix this.
For the Magazine layout, a new incoming user that sees the newest post might not know to click on the frame to read the entire post because it looks like the article ends naturally with a period.
ReplyDeleteOn the main page as you're looking at that newest post, is it possible to automatically add a "read more..." comment toward the end of that first post?
On the older posts, when you scroll down, it's quite obvious that you have to click in because there's only a couple lines of text. But on the newest post, it shows a few paragraphs and it might not be as obvious that you have to click on the frame to read more.
Check out BostonJew.com if you'd like to see what I mean.
Note: I would only want this function for the newest post published.
I've already published something similar to what you're looking for, but the tweak is for all posts:
Deletehttp://www.southernspeakers.net/2012/09/adding-read-more-tag-to-post-summaries.html
By 'newest post', are you referring to that one post at the very top of your magazine view?
Thank you soooooo much! 'Add CSS' until now, was an untouchable monster and in two days, it seems to be my favorite toy :))
ReplyDeleteLol.. Nicely said :)
DeleteThanks a lot man!
ReplyDeleteDon't mention it :)
DeleteHi Yoga, I want to change the font of my post title into this font: http://www.google.com/fonts/specimen/Amatic+SCDo you know how? Tx a lot!!
ReplyDeleteHi Nelleke,
DeleteI can't seem to open the URL in your comment. Link broken maybe?
http://www.google.com/fonts/specimen/Amatic+SC
ReplyDeleteHi Nelleke,
DeleteI'll poke around and put up a tutorial by this week. I'll let you know when it is up :)
Cool! Tx!
DeleteHere's a walkthrough, as promised:
Deletehttp://www.southernspeakers.net/2013/05/google-web-font-in-blogger-dynamic-view.html
Cheers :)
Sorry - you have probably already answered this question, but I am having trouble making this work. I am trying to change the font in my blog title to a Google Font (Satisfy) which is not listed as a choice on Dynamic Views. From what I gather, I have to add the font to my HTML and then add something to CSS. Would you step me though what is necessary? I'd like to keep the colors and outlining currently shown on Rock Salt, but just switch the font to Satisfy.
ReplyDeleteThanks so much!!!
http://twgdesignjournal.blogspot.com
Hi Kirsten,
DeleteI have answered a similar question here (might not be useful for you):
http://www.southernspeakers.net/2011/10/change-dynamic-views-blog-title-color.html?showComment=1333062401002#c2929330382124276252
And I'm already working on generalizing this tweak so that it'll be helpful for everybody, as another user (Nelleke) asked me something similar today.
Hope you could check back in few more days - hopefully I'll have something put up by then..
Cheers ;)
Thanks! I will check back with you in a couple of days. Much appreciated.
DeleteIn the meantime, if I want to give it a try, I gather from the other post that I would insert this where you indicated in the HTML:
href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'/
And that I would then put into the CSS:
#main a{ font-family: 'Satisfy', sans-serif !important; }
The only place I am going to use the Satisfy font is in the title, so I hope this makes sense. If I am way off base, just stop me and I will wait until you do the other post before I try anything.
Ciao!
Hi Kirsten,
DeleteHere, this should answer your questions:
http://www.southernspeakers.net/2013/05/google-web-font-in-blogger-dynamic-view.html
Cheers :)
Hi! I was wondering how can you change the font on the post title to a custom one? The font I want is not listed on Blogger. Thanks!
ReplyDeleteHi bebexie,
DeleteThe following walkthrough should be of help:
http://www.southernspeakers.net/2013/05/google-web-font-in-blogger-dynamic-view.html
Cheers :)
Thanks!
DeleteI tried adding this, but it's not working for me :( This is what I put:
#header.header .title a h1{
color: #EFE8E6
text-shadow: 1px 1px 1px black;
font-size: 25px;
}
Sorry for the late reply..
DeleteThe code above will not change your font type. Have you selected a font type yet?
Hello,
ReplyDeleteFirst, I'd like to say how helpful all of your information on the Blogger Dynamic Views is! Seriously, without it, I wouldn't have gotten as far as I have with my project. After trying a few different bits of code, I'm stuck in how to change the font color for the entry titles that are stacked on the left-hand side of the screen (set up like a navigation bar). I'm sure there's a way to do this - - can I enlist your help?
Here's the site address:: http://newhallvillecmt.blogspot.com/
And the text on the left, I'd like to change to this yellow: fbd568
Many, MANY thanks!
Heather
Hi Heather,
DeleteSorry for the late reply. Here's what you need:
.item.hentry .title a{
color: #fbd568 !important;
}
.item.hentry.selected .title a{
color: rgba(51,51,51,1) !important;
}
Let me know how it goes. Cheers :)
Thank you so much - - that worked perfectly!!
ReplyDeleteSmiles,
Heather
No problem :)
DeleteHi there
ReplyDeleteWould you mind telling me how to increase the font size of page tabs on dynamic view please?
Sure thing Jen. Here, add this to your 'Add CSS' box and adjust the value '20px' accordingly:
Delete#header .tabs li .menu-item{
font-size: 20px !important;
}
Cheers :)
hi! thanks for all the advice so far :)
ReplyDeleteone question... id like to change the font in the header drawer... ive added the following code to the CSS but nothing happens.......
@font-face {
font-family: 'BebasNeueRegular';
src: url('http//jeremybatesbooks.com/css/fonts/bebasneue-regular/bebasneue-webfont.eot');
src: url('http://jeremybatesbooks.com/css/fonts/bebasneue-regular/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
url('http://jeremybatesbooks.com/css/fonts/bebasneue-regular/bebasneue-webfont.woff') format('woff'),
url('http://jeremybatesbooks.com/css/fonts/bebasneue-regular/bebasneue-webfont.ttf') format('truetype'),
url('http://jeremybatesbooks.com/css/fonts/bebasneue-regular/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
font-style: normal;
font-weight: normal;
}
#header .header-drawer{
font-family: 'BebasNeueRegular';
font-size: 18px;
font-style: normal;
font-weight: normal;
any help would be greatly appreciated!
Hello there,
DeleteI see you're trying to insert a non-Google-Web-font into your template. I'm afraid I have not had much luck with this. That said, see if the following helps:
http://www.southernspeakers.net/2013/05/google-web-font-in-blogger-dynamic-view.html
Perfect, this is exactly what I was looking for. You and your site are a lifesaver. Without a doubt, best Blogger-related site on the internet!
ReplyDeleteThanks Sam!
DeleteHey there,
ReplyDeleteGreat tips! Quick question, your CSS, will it affect the blog description as well? because it seems my description size went bigger than before. But the blog title size is big as I wanted it to be.
thanks!
Hello there,
DeleteThe code in this particular page will not do anything to your blog's description. Perhaps there is another code that is doing it, or maybe you're just zoomed-in in your browser view so everything appears larger.
The trick doesn't work for me :-(
ReplyDeleteAny reason it may not work ? (changed colors and font size, but the blog title does not changeany aspect).
Thanks
Hello David. Let's have a look at your blog. What's your blog's URL?
DeleteThanks for the awesome site and tips! You've singlehandedly helped me improve countless things on my blog. Here's a question I haven't seen covered:
ReplyDeleteIs it possible to make select only select words in the blog title/description bold? I've been trying, but can't figure it out, as all the CSS code options seem to apply to the entire title or description. Thanks!
Hello Tommy,
DeleteGood question! It can be done, but not via CSS. You'd have to dive into your HTML to get this changes done. What's your blog's address anyway? Let me see if I can summarize the steps for you for your template.
Hello again, Yoga
ReplyDeleteHow can I change the color of my subtitle: Cómics abiertos a la Imaginación?
http://edicionesludoka.blogspot.com.es/view/mosaic
Thank you, very much
Hello Editor,
DeleteSee if this is what you're looking for:
#header .header-bar .title h3{
color: red !important;
}
Cheers..
This also works.
DeleteMany thanks again, Yoga.
Jose.
Wow! This is just perfect. Thank you so much for the codes! These are really helpful.
ReplyDeleteOne question: If I want to add a superscript font like a registered or trademark sign...is there a way to do that? I just need that sign in really small size...its just that I can't change the size of half of the title. Please let me know! Thank you!
You can't just superscript some of the text in your blog's title. I'm afraid it's either all or nothing :(
DeleteHmm, thanks. I was thinking the same thing. Seriously your codes came in so very helpful!
DeleteOne more question: Is there a way to freeze the top portion of the blog in the dynamic view? As in make it thick enough so that the centered blog title and description have enough space and do not look cramped? And meanwhile, do away with the header buttons and bar itself because I have no use for it? Thanks again!
I'm not sure if this can be pulled off, since we'll have to change the structure of the template. Have you seen it done on any blog btw?
DeleteHi Yoga! Thanks, and no, I haven't seen this on any blog yet, but then, I am only experimenting with this one blog. Meanwhile, I also ran into a different problem. When I use this customized template on my mobile phone, it gives me two errors: "Links too close" and "Content too wide for screen." I'd like to get rid of those errors. For now, I use the default template. But in that one, there's a drop-down menu from the header bar that one has to click to see the different header bar buttons. Ideally, I'd like the drop-down to go away and the header bar should have all the buttons like "Home" "Blog" etc. Is that possible? Thanks again, Yoga!
ReplyDeleteAre you using a third party template for the two errors you're getting? You might want to run this by the creator, as errors in custom templates usually takes a long time to troubleshoot. As for the default template, links being consolidated under one drop down is the default behaviour. I'll see if we can work around this but responsive templates is not my area of expertise, so this might take awhile :)
DeleteHi Yoga,
ReplyDeleteThanks for the tips. Unfortunately I changed my view recently to Magazines and this CSS seems to no longer working. I want the title to be bigger. Do you mind have a peek at my site and assist?
http://shahaishah.blogspot.my/
thanking you in advance.
Hello Ishah,
DeleteDid a quick test, the CSS should still enlarge your blog's title - unless if we're talking about the post title. Could you give this another whirl?
#header.header .title a h1{
text-shadow: 1px 1px 1px black !important;
font-size: 60px !important;
}