It worked! Where do i check that code? How do i check for page-id? Hi Max, Just paste the code at the bottom of your style sheet and check it works or not.. I tried to remove the blank space above my header image. Is their a natural padding on the header image or maybe the search bar is still leaving some padding? If you go to my site, you can see what it looks like now.
Hi Erin.. Sorry for the late in Reply.. Would you mind to try the following code and let me know it works for you or not.. But neither worked for me. Well, it worked perfectly in one sense, but now the search box disappeared. I was hoping for more of a compromise. Would like to have a search box on top but not so much room on the top of the page. Is there a CSS code that will allow me to put up my custom header? Its a work in progress.. Do you need to see the header I want to use also?
I know that! Do you have any advice? Let me check it…. I need to activate the Duster theme in my testing site… Give me some time….
Actually , as you are using wordpress. So you have to made your Image in this resolution……as there is no way to update the php files…. Though i am thinking about another tricks…not sure it will work or not… the tricks is..
How do I remove the grey bar above my header? And how do I change the font in my navigation menu? They work! Thank you thank you! One last question, is there a way to put the search in the navigation bar? Hi Ally….. Not sure as i have not tested in other browsers you can try the following code. For some reason though, it works but when I make the window larger or smaller the search box moves out of the nav menu..
Could you please let me know exactly where I put the above code for removing the grey bar. Thank you so much for your response!
Would you be able to give me more detail about how to do that? I have upgraded to CSS editing, but am not sure what to change in the code to make this happen. Sorry for the late in reply….
Then Create a Menu… and then… Select Categories or pages from the left side which you want to show.. Hope it will work.. Like Liked by 1 person. How would I add a thin vertical line between the sidebar and the content as well as a horizontal line between each of the widgets on the sidebar?
Currently, I am using the layout with the sidebar on the right. I cannot share the address publicly as the site is unfinished and for a friend but would gladly email it to you. I would like for the navigation bar, site title and blog posts all to be aligned on the left.
Is there any way to do this? Can I add a Link menu to the navigation bar? Hi Cyril… would you mind to share your website which is protected now so that I can see it? Everything reverted to the way it was before. What does post related to and where did you get that identifier from. Just so you know, they are all pages and not posts.
Is that any help. Hi Cyril No.. My code will work when u will paste it in the Live hosting server , i. Hi Cyril.. I know it should work.. I think.. I am trying to decrease the space between the navigation bar and the beginning of the content. Hi Steve Sorry for the late in reply…as it was midnight when you commented me….
It eliminated the gap completely. It also affected the layout of the footer in an odd way. Any middle ground smaller gap, still preserving the format of the title within the text area, not influencing the footer?
Hi Steve.. Thanks for your reply… Would you mind to paste the code in your style sheet at the bottom of style. I pasted it there and now the format is perfect! I put it in the wrong place at first underneath. I have a different question for you. Any suggestions about how to keep the desired names for the pages, but have the blog postings work properly?
The first one worked perfectly. Any quick advice for that? Hi Steve You can do one thing….. This stopped all page titles but I want to keep my blog titles…. How would I keep these…?
Hi Jay.. Thanks for your comments Would you mind to share me your website address for check? Ah I see, I am using a child theme that only contains Style. Would the child theme facility still work with other such files? Would I make the page. Could you advise me on how to use the div tag? Hi Jay… Not sure about child themes…. Email communication would be fine but it depends on what you prefer! I think we may have the time-difference problem every day really… Maybe it can work over email?
Feel free to email me at music jay-harris. Hello Om, I got so much help from your article now I have few more questions and need your help.
Secondly, I want to increase the width of search bar. And moreover I want to display one google advertisement in the header so where I have to put that google code so that it will be displayed in right side of the header. And when I open any article then it is opened but not aligned properly.
Can I align all to left. Hi Yogesh.. If I understand your requirement perfectly…then try the following codes. One more thing I request to tell that I want to show thumbnails on my home page to each excerpt post. How can I do that. Regards, Yogesh. Downside is that if the description for example is switched off, the things no longer line up.
The z-index is to keep things clickable. Also, on load, things get pushed around. As I say, inelegant, but…. I did have the header image with rounded corners and no white bar above, but I got rid of that in testing as the grey menu bar also got rounded there is no class selector on the header image.
Thanks Om It all worked except my individual posts left alligned. By the way it will be ok but I want one more help from you that I want to display one google add at the right side of the title newaboutindia. Good day. First I want to thank you for posting these css tips. I have managed to resolve a few of my own issues but if its not too much trouble, I have a couple issues I am stuck with.
How can I completely remove any sign of previous header images uploaded but deleted? There is a huge white-space until the post text begins.
Is there any way to reduce the spacing between those lines and the title text? Tables with an image get messed up. Each post begins with a small 3 column table with the left-most cells all merged for the image.
I know I am asking alot, and you are likely very busy. I have no managed to fix the table and a few other issues. And thanks again for offering to help! Is there an easy way to swap the position of the header image and the title text in Twenty Eleven?
Thank you so much for your input. Hi Spinch… Yes.. It can be done…but for this better u do some php file modification…. I need to check it the file name which you need to modify ……. Hi Spinch…. Give me time.. I have got your theme…. I will reply you asap.. Regards Om. Hi Bird Would you mind to share me your website address? The title is gone when I use that code and when I move my mouse over the title it appears but there is no image visible.
I have removed the H1 which appears between the top menu and the pages content. Hi Tom… Would you mind to share your website address so that i can check? Hi Tom Try the following code. Thanks very much, it has made it a bit better.
How do I make it even less of a gap though? I have tried playing about adding more or less to the 0. I also tried this in my style. Hi Johnny…. How about how to remove the border around images in posts or pages? I learned more about WordPress themes in the past 2 hours than in the past 2 years…lol Thank you. Hi Dave… Would you mind to try the following codes and let me know it works for you or not?
I am using a child theme so I added the code to my child css and dark. I them tried adding a color folder with dark. Hi Dave.. For Child theme I need to check it more… so if you want then you can add me in my skype. It worked perfectly, Thank You! Hi, thank you so much for taking time to write this css modification info! Do you know how i can remove it? That did the trick! Thank you again for all your help, you have been incredible and solved nearly all my css issues.
Are you able to help with getting featured images to show as post thumbnails? Hi Matt…. I think you will get plugins to show featured image as Post Thumbnails…. TwentyEleven seems to prevent both from working. No idea as to why or how. Could you please help me customize the comments and leave a reply-form? Thank you for your wonderful help! How can I now:. I have a question that is probably a general CSS question. There are a lot of definitions in style. Is there a way I can create my own color name e.
That would let me make the page more seamless with less work. Would you mind to add me in skype? It would better we chat live….
Sorry, I am not using Skype on this machine. Hi, Any ideas how to add a border to the left and right of the entire page? Hi Cirex Would you mind to share me some example to understand the whole thing clearly?
Is it possible to get it in there as a work around in the twenty eleven theme?? Kenneth, I have seen your site in my laptop and found your full website is fully aligned to the left….. Here is a stupid question. I have been trying to figure out for about two hours now how to get rid of the white space above and below the title on public page every page using the stock template.
This page is the closest I have found to help. Now for that stupid question…. Which of the files that end in. Ken, thanks, this was one of the items I wanted to change today, you just saved me hour or two searching. Mucho appreciated mate. Hi Beverly.. HI Anna….. Hi Anna… Its Ok.. Just let me know if you have any problem to your wordpress site.
It would be very grateful if you could help — when you hover over a menu item the hover area is really big I would like it to be the same height as the menu bar. If you have time some advice would be great. Thank-you again for an excellent forum. I do have a question that I would love some help with. I am just starting my site and have no actual posts yet.
I have been trying to edit the size and entire look of the comment form but I cannot find where to do so. It is too huge and ugly and I would love a very simple form, like the original wordpress default. I have been trying to find where to even start editing this and it is very confusing.
Thanks for your quick response. Unfortunately nothing changed when I added this to the bottom of my child theme style sheet… any suggestions?
Hi Victoria.. Om, the white post area is no longer an issue. Please disregard this second question. I now only need to know about the nav button hover colour, if you would be so kind. Try the following code. How dare you be asleep at midnight instead of sitting permanently at your screen to help ignoramuses like me within minutes of posting! Just a couple of questions, though, please. I messed around blindly and changed the code as follows:.
Seems to have worked OK to make a plain orange hover colour, but have I messed anything up with my random changes!?? My other question: Is it possible to make this change to only the style sheet of the child theme, rather than interfering with the parent theme? I thought the point of having a child theme was to leave the parent in its original state as a solid reference in case I stuff something up badly with the child theme, and to ensure customisations are not affected if the parent theme is upgraded or changed in the future?
So, if you want to show your color Whitish orage Gradient.. Just select white color for the first code.. But if you afraid…then take backup of your working style. I suppose we can allow you to sleep a little in between answering our queries. Just one thing: is it necessary to modify the parent CSS if I want to make changes to a child theme? Try the code in your child theme first…. Just to let u know, I took the code off my parent style sheet and pasted it into my child theme style sheet — and it worked!
Thanks again. Hi Ross… WOuld you mind to try the following code seperately and check which one suits you? Is this related to my question up the page about the css code reducing spacing of text under paras also affecting para spacing in text-only sections?
If so, whatever the problem was with para spacing seems to have sorted itself out — dunno why or how, but it does! And the spacing of text under pics is also as I want it. But maybe the above 2 code entries refer to something else?
As you can see, I do not understand CSS at all. HI Ross… Bot of the code I have given will increase the gap between the paragraph…but will not effect the text at the bottom of the images.
Hi I found it. Thanks this page is great. So take backup first…. Hi I found it! Also how can I replace the wordpress search box with my google box. Many thanks. I will check it and let u know.. Hello again. Seems like I have two issues right now and thought you might be able to help. They look fine except in Chrome where the images are squished up against the text.
This does not happen under IE or FF. The table code I used in the style. They do remain in place if I go to other pages. If I switch back to the stock theme it works fine so this made me think its something in the customized style. Thanks kindly allaboutbasic! Your suggestion for problem 1 worked and now the site looks ok in Chrome as well. Tables are lined up fine. Looks like problem 2 was a mistake. Forgot about WP Cache running and so its fine now.
All the links to pages show up properly. Might be stuck in one of the three server-based spam tools I use. Hey Om, Thanks very much again for the help. I just noticed the blog entry titles of the previous post are too close to the top entry. Hi Ray…. TO give space between each post try this following css at the bottom of style.
Thanks for the reply. Hi Ray.. Where you pasted the code? Great blog and very helpful indeed. I have one goal at the moment, to change the font and size of the Header on the top left. Do i need to create a child theme? And, if i need to change style.
I have installed a couple new fonts that i like. Hi Bryan… Paste the following code at the bottom of style. Hi Om Yeh, i pasted it at the bottom of style.
They show in Chrome and Firefox. Coffee purchased mate, and i encourage all who get some of your great fast help, do the same! Hiya Om. I want to relocate the Tweet button next to the Facebook items, and to the right, rather than above as is currently the case. I want to do this at both the top and bottom of my posts. Is this achievable with CSS, please?
Hi Ross.. Email Required, but never shown. The Overflow Blog. Does ES6 make JavaScript frameworks obsolete? Podcast Do polyglots have an edge when it comes to mastering programming Featured on Meta. Now live: A fully responsive profile. Linked 0. Related 0. Hot Network Questions. It's not really useful to add a preconnect entry if the font is going to be loaded 5 lines further down in the source code anyway.
There's no way the browser knows this till it sees the fontface rules. This information arrives only after the css is loaded and the rules parsed. I can see an argument for the extra dns-prefetch but I think preconnect is probably overkill. Chances are the font will be cached already and pre-connecting would be a waste of resources obviously, for the first page load ever seeing that combination of Google Fonts, it would be a benefit though.
Don't think it's an overkill. Second, the css header already has instruction to preconnect. So the browser will preconnect anyway whether or not fonts cached.
It's just that it's a bit late and preconnect in html is much better. Hm, I take my previous comment back then. I appear to have read the caching specifiers incorrectly - on a second look, you're correct, the Google Fonts doesn't appear to serve from cache without a server round trip and it definitely does specify a preconnect on the CSS for the.
I was thinking of the case where the preconnect would be an overzealous optimization and go unused in many situations or cause undue load on a 3rd party , but this doesn't appear to be the case. Replying to leobaiano :. This is because it gives the optionality of dequeueing it. An example scenario would be: someone using the Twenty Twelve theme and decides to not use Open Sans and use system fonts instead.
But the way to undo it using your patch would be to add a header. So the best way to preconnect is in functions. I will make the change and send a new patched. So for example twentytwelve adds a body class custom-font-enabled like this lines :. I searched google sources records on issues Twenty Eleven and Twenty Ten and not found, then not added the preconnect these issues, I correct? I tested on my local installation and preconnect was correctly added hope that this time is correct and if not please guide me where I can adjust.
You might want to do it for Twenty Sixteen as well as from 4. There's one thing however. Might require a different ticket. Follow these steps:. Go to Google Web fonts and choose the fonts you want. In the fourth table beneath, copy the font family name and paste it in Notepad for later use.
Go back to your Theme Editor — Stylesheet At the topmost portion of the stylesheet, you will find a long paragraph that includes the Theme credentials, License info, and the theme tags. Find the location where you want to use the Google Fonts. If you want it as the Site Title, just replace the font-family with the name of the fonts. If you do not remember, check your Notepad where you copied and pasted the names from Google Web Fonts. With the stylesheet open, scroll down till you see the comment, Global.
0コメント