Header size suits theme
-
Justpi, I tried this on my blog page, but it doesn’t work. Do you know how to make this heading bigger? http://www.alytheevil.com
I’ve also been trying to get rid of that tiny grey box beneath the heading – any ideas?
-
Tried what? Which heading? On which blog? Start your own thread please, and make sure you always select the blog in question from the “Select the blog you need help with” pulldown.
Also, you haven’t restored the footer credits on your Chunk blog.
-
Hello
I’m an absolute website/blogger beginner and use the suits theme to set up our travel blog. I learned a lot with reading through the wordpress website and here in the forum. But there is still a few things which i can’t figure out. Once of them is how to change the header so that the sunset picture goes over the whole header without left and right grey fields: http://in365sunsets.com/ . I have wordpress premium and no clue about CSS.
Thanks for your help!
-
Here is an example you can try. Add it to your Appearance > Customize > CSS editor:
.site-header { background: url("http://in365sunsets.files.wordpress.com/2014/01/cropped-cropped-cropped-p1150236.jpg") 50% 0 repeat-x; }To use a wider image, first you would need to create an image that is cropped to the correct dimensions on your computer before you upload it. Next, upload your new image to your media library and copy the URL for it. Then replace the contents of the url() function in the example above with the new image URL you uploaded to your media library.
-
Hi, I am using the suits theme, and just bought the customize upgrade, (be aware, have no idea how css function, and not too good with computers) anyhow, googled around and looked around here for a css code to make my header wider, tried putting in this code
#header {
height: 1500px;
width: 600px; }but nothing happened, aghh help please?
-
the blog I need help with is
http://theblackcape.wordpress.comalso if there’s a code, to make my headlines for each post, white? so no one can see it,
-
a) First, most CSS is theme specific, because each theme has a different structure and calls things its own way, so a code that works on one theme won’t necessarily work on a different theme.
Second, the header displays your entire image horizontally, so I don’t see why you want to make it wider. Your problem is it doesn’t display the entire image vertically. To correct this, add the following:.site-header { height: 330px; } .site-header .home-link { min-height: 330px; }b) Changing the color of the title of each post won’t ensure that “no one can see it”, because some users set their browsers to display the colors they prefer rather than the original colors of each webpage.
To really hide the titles but retain the space they take up, use this:.entry-title { visibility: hidden; }To remove the titles and the space they take up, use this instead:
.entry-title { display: none; } -
Omg THANK YOU soooo much! you made my day! Been googling this for ages, thank you!!
now just one more question, There’s a grey small line underneath each of my posts, how do I get rid of it? :)
Thank you for your quick respond!! x
-
and while I’m on it, would like to get rid of that search icon as well, it’s just right underneath the header on the right side :)
-
You’re welcome!
(I can’t take credit for “quick”, as it’s a matter of coincidence: you get a quick reply if someone who can answer your question happens to be around when you post it.)
Add these:
.hentry { border-bottom: 0 none; } .site-header .search-form { display: none; } -
-
-
One more thing :) How do I make my header wide, so it covers the full page width, but only the header, so keeping the rest of the blog the same width as is is :)
-
<——>
so width, so the pic is all over the site from one side to the other :) but the rest of the posts keep their width like they already have, anyone? :) have the suits theme! and this is my blog http://theblackcape.wordpress.com -
I wouldn’t do it if I were you. Full screen width isn’t a fixed width: it depends on the visitor’s screen resolution and device. The higher the resolution, the larger the image will appear if you make it full width. In my screen, for example, your current header image will be longer (in height) than the entire browser window. Having to scroll down before you can even see the title of the latest post isn’t user friendly at all.
-
-
As you’ve probably found out, any image you upload and insert via Appearance > Header gets cropped to fit the design of the theme (width 960px). If you want to insert a wider header image, you need to insert it using CSS. So first create an image in the dimensions you prefer, upload it to your blog via Media > Add New, click Edit, copy the image URL from the File URL field of the Save module, paste the URL here, and we’ll see what we can do with it.
-
Hi, sorry for my late reply, took me some time to sort out the header, here comes the header pic URL, thanks for all your help!
also, would like the posts to be a bit bigger, wider :)
-
would like it to be as wide as the header is on this website, but a bit bigger in the height :) http://thefashionography.com
-
- The topic ‘Header size suits theme’ is closed to new replies.
WordPress.com Forums 